Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Landing Page After Placing Order - How To.. Diy? Rate Topic   - - - - -

 
  • Mongoose
  • Senior Member
  • Members
  • Join Date: 08-Mar 13
  • 945 posts

Posted 31 May 2018 - 12:59 PM #1

Does anyone know how to create a special landing page for orders that are finalized by the customer?

I am looking to add some nescessary content for the customer who finalizes his / her order.

When by default you finalize your order  you are being served

 

index.php?dispatch=checkout.complete&order_id=38xxx

Now I would like to add more information that should go above the text

Congratulations! Your order has been succesfully placed. Order details

 

...etc etc.

 

 


two V4.6.2 and one  V4.2.4 - hedonist working on Sundays


 
  • The Tool
  • Been Here Way Too Long Member
  • Members
  • Join Date: 30-Mar 07
  • 3606 posts

Posted 31 May 2018 - 01:43 PM #2

Do it in Languages->Translations.  Search for text_order_placed_successfully



 
  • Mongoose
  • Senior Member
  • Members
  • Join Date: 08-Mar 13
  • 945 posts

Posted 31 May 2018 - 02:09 PM #3

Do it in Languages->Translations.  Search for text_order_placed_successfully

 

Found it thanks. Just not quite sure if this will also support HTML + smarty content.

 

For instance

 

 

<div class="ty-mainbox-body"> </div>
<div class="ty-wysiwyg-content">
<p style="text-align: center;"><img style="margin-bottom: -6px;" src="https://www.goohoo.n.../thumbs-up.png"alt="" width="329" height="225" /></p>
</div>
<div class="row">
<div class="span16 ">
<div class="ty-mainbox-container clearfix ty-step__title-active clearfix">
<h1 class="ty-mainbox-title">Wat gebeurt er nu?</h1>
<div class="ty-mainbox-body"> </div>
</div>
</div>
</div>
<div class="row">
<div class="span4 ">
<div class="ty-wysiwyg-content">
<div>
<p> </p>
<p style="text-align: center;"><span style="width: 50px; height: 38px; border-radius: 50px; background-color: #1d87c9; font-size: 20px; text-align: center; display: inline-block; padding-top: 12px; color: #ffffff;">1</span></p>
<h2 style="text-align: center;">Een bevestiging</h2>
<p style="height: 100px;"><span>Er wordt een e-mail gestuurd met een orderbevestiging. Nog niet betaald? Betaalinstructies krijg je per mail! Al wel betaald? Zie </span><span style="text-decoration: underline;"><a href="https://www.goohoo.n...a></span><span>dan hoe we jouw bestelling behandelen.</span></p>
</div>
<div>
<p style="text-align: center;"><img src="https://www.goohoo.n...con-letter.png"alt="" width="143" height="102" /></p>
</div>
</div>
</div>
<div class="span4 ">
<div class="ty-wysiwyg-content">
<div>
<p> </p>
<p style="text-align: center;"><span style="width: 50px; height: 38px; border-radius: 50px; background-color: #1d87c9; font-size: 20px; text-align: center; display: inline-block; padding-top: 12px; color: #ffffff;">2</span></p>
<h2 style="text-align: center;">Duurzame verpakking</h2>
<p style="height: 100px;">GooHoo is duurzaam! Zo hergebruiken wij bijna alle dozen die bij ons binnenkomen. <span>Je herkent jouw bestelling aan onze GooHoo-tape!</span></p>
</div>
<div>
<p style="text-align: center;"><img src="https://www.goohoo.n...on-recycle.png"alt="" width="119" height="115" /></p>
</div>
</div>
</div>
<div class="span4 ">
<div class="ty-wysiwyg-content">
<div>
<p> </p>
<p style="text-align: center;"><span style="width: 50px; height: 38px; border-radius: 50px; background-color: #1d87c9; font-size: 20px; text-align: center; display: inline-block; padding-top: 12px; color: #ffffff;">3</span></p>
<h2 style="text-align: center;">Versturen</h2>
<p style="height: 100px;">Gekozen voor verzending? Bekijk <a style="text-decoration: underline;" href="https://www.goohoo.nl/faq/"target="_blank" rel="noopener">hier</a> hoe we ervoor zorgen dat de bestelling bij jou terecht komt. Liever in de winkel ophalen? Klik dan <a style="text-decoration: underline;" href="https://www.goohoo.nl/faq/" target="_blank" rel="noopener">hier</a> voor meer informatie.</p>
</div>
<div>
<p style="text-align: center;"><img src="https://www.goohoo.n...on-carrier.png"alt="" width="108" height="102" /></p>
</div>
</div>
</div>
<div class="span4 ">
<div class="ty-wysiwyg-content">
<div>
<p> </p>
<p style="text-align: center;"><span style="width: 50px; height: 38px; border-radius: 50px; background-color: #1d87c9; font-size: 20px; text-align: center; display: inline-block; padding-top: 12px; color: #ffffff;">4</span></p>
<h2 style="text-align: center;">Chauffeur onderweg</h2>
<p style="height: 100px;">Als jouw bestelling is meegegeven aan een van onze vervoerders dan kun je deze binnen één tot enkele werkdagen thuis verwachten!</p>
</div>
<div>
<p style="text-align: center;"><img src="https://www.goohoo.n...n-shipping.png"alt="" width="127" height="103" /></p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="span16 main-content-grid">
<div class="ty-mainbox-container clearfix">
<h1 class="ty-mainbox-title">Bestelling</h1>
<div class="ty-mainbox-body">
<div class="ty-checkout-complete__order-success">
<p>Gelukt! De bestelling is goed doorgekomen. Je ontvangt nu een mailtje met een overzicht. Niet ontvangen? Kijk dan even in je SPAM mailbox! .</p>
</div>
<div class="ty-checkout-complete__login-info ty-checkout-complete_width_full">
<h4 class="ty-subheader">Instructies om te betalen</h4>
<div class="ty-wysiwyg-content"><br /> <span>Je hebt ervoor gekozen om je bestelling te betalen met iDEAL. Als de betaling is gelukt ontvang je de bestelling z.s.m. in huis. Als de betaling nog niet is gelukt ontvang je een e-mail waarin we je vragen om de betaling nog te voldoen.</span></div>
</div>
</div>
</div>
</div>
</div>


two V4.6.2 and one  V4.2.4 - hedonist working on Sundays


 
  • The Tool
  • Been Here Way Too Long Member
  • Members
  • Join Date: 30-Mar 07
  • 3606 posts

Posted 31 May 2018 - 03:46 PM #4

You lost me.  What exactly are you trying to do?

 

Translations supports HTML but I doubt Smarty.



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 17405 posts

Posted 04 June 2018 - 01:01 PM #5

Note that there is Order landing page layout page where you can modify look and feel of this page and add new blocks with custom HTML/SMARTY content


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • tbirnseth
  • CS Cart Expert
  • Authorized Reseller
  • Join Date: 08-Nov 08
  • 10607 posts

Posted 04 June 2018 - 07:41 PM #6

Ecom has the best/easiest way.  There are also specific hooks in the views/orders/complete.tpl template if you want to insert info at specific locations within the page.  But if you're just wanting to do some kind of banner, a block on the page would be easiest/best.


EZ Merchant Solutions: Custom (USA based) B2B Development, Consulting, Development and Special Projects (get a quote here).
Commercial addons, payment methods and modifications to meet your business and operations needs.


 
  • Mongoose
  • Senior Member
  • Members
  • Join Date: 08-Mar 13
  • 945 posts

Posted 11 June 2018 - 11:52 AM #7

You lost me.  What exactly are you trying to do?

 

Translations supports HTML but I doubt Smarty.

 

Just trying to add a storyline of what the buyer may expect after he/she finishes the order. What will happens next after he/she has placed the order succesfully.


two V4.6.2 and one  V4.2.4 - hedonist working on Sundays


 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 17405 posts

Posted 11 June 2018 - 01:37 PM #8

Just trying to add a storyline of what the buyer may expect after he/she finishes the order. What will happens next after he/she has placed the order succesfully.

 

Did you make it?


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • Mongoose
  • Senior Member
  • Members
  • Join Date: 08-Mar 13
  • 945 posts

Posted 11 June 2018 - 06:00 PM #9

Did you make it?

No not yet, having too much on my plate right now to actually create that piece of HTML and drop into the translation section as The Tool suggested.

Drop me PM in what I really need right now.


two V4.6.2 and one  V4.2.4 - hedonist working on Sundays


 
  • tbirnseth
  • CS Cart Expert
  • Authorized Reseller
  • Join Date: 08-Nov 08
  • 10607 posts

Posted 11 June 2018 - 09:05 PM #10

Suggest you just creeate a smarty/html block for the summary page.


EZ Merchant Solutions: Custom (USA based) B2B Development, Consulting, Development and Special Projects (get a quote here).
Commercial addons, payment methods and modifications to meet your business and operations needs.


 
  • Mongoose
  • Senior Member
  • Members
  • Join Date: 08-Mar 13
  • 945 posts

Posted 11 June 2018 - 09:06 PM #11

Suggest you just creeate a smarty/html block for the summary page.

 

Using the existing layout that the order landing page is using?


two V4.6.2 and one  V4.2.4 - hedonist working on Sundays


 
  • tbirnseth
  • CS Cart Expert
  • Authorized Reseller
  • Join Date: 08-Nov 08
  • 10607 posts

Posted 11 June 2018 - 09:09 PM #12

Yes, just add a new block or grid depending on how you want it to appear.

 

Using the layout manager, you can place the block anywhere you want on the page.

Suggest either very top or very bottom (below other content).  It's really easy.  Just like any other block.  Just use html content and you can then include the order_id in any links you use by using {$order_data.order_id}, etc...  All the normal $order_data variables are there.


EZ Merchant Solutions: Custom (USA based) B2B Development, Consulting, Development and Special Projects (get a quote here).
Commercial addons, payment methods and modifications to meet your business and operations needs.


 
  • Mongoose
  • Senior Member
  • Members
  • Join Date: 08-Mar 13
  • 945 posts

Posted 11 June 2018 - 09:18 PM #13

Thanks, I will get started with your "resolution" asap. Just having to get around some other issues concerning my home page canonical issues.


two V4.6.2 and one  V4.2.4 - hedonist working on Sundays