MODIFICATION: Upgraded thanks.tpl page

Discussion in 'Modules / Plugins / Modifications' started by cwp, Apr 2, 2008.

  1. cwp Customer

    I feel like 68 kind of leaves the customer hanging after they make a purchase for an ad. It doesn't send off an email to the customer with any additional information or a receipt. The thanks.tpl page gives the customers a 1 liner. So I plumped it up with some goodies. All you have to do is edit my copy of thanks.tpl with some information like your company name, email, and possibly change the border color of the table to your theme and upload it.

    Now when the customer buys a listing they are greeted with some additional information and a receipt that they can print off.

    I sent some email templates to eric which he is going to implant in a future version of 68 classifieds, one of which will send the customer a thank you/ order invoice email.

    Let me know what you guys think of my upgraded thanks.tpl page, any feedback is welcome.


    Replace the following code with your code in your template editor for the page: default/checkout/thanks.tpl
    Code:
    <!-- Thanks Page -->
    <fieldset>
    	<legend>{$smarty.const.LANG_THANK_YOU}</legend>
    	<p>Thank you for your order {$firstname}! If you paid by credit card or another form of instant payment your listing should now be viewable online. To prevent duplicate orders please do not hit the back button. Please see below for your order details. It is recommended that you print this page for your records.</p>
    <br /><br />
    <center>
    <table width="98%" cellpadding="6" cellspacing="0" style="border: 2px solid #888846;">
      <tr>
        <td width="100%">
    <h1 style="font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; color: #000000;">Order Receipt</h1>
    <strong>Order ID:</strong> {$oID}   <strong>Date:</strong> {$oDate}   <strong>Status:</strong> {$oStatusText}
    <br /><br />
    <strong>Name:</strong> {$firstname} {$lastname}<br />
    <strong>Address:</strong> {$address}<br />
    <strong>City:</strong> {$city}<br />
    <strong>State:</strong> {$state}<br />
    <strong>Country:</strong> {$country}<br />
    <strong>Postal Code:</strong> {$zip}<br />
    <strong>Email:</strong> {$email}<br />
    <strong>Phone:</strong> {$phone}<br />
    <strong>Customer ID:</strong> {$username}<br /><br />
    	<table width="100%" border="0" cellspacing="2" cellpadding="3"  class="">
    <tr>
    							<th>{$smarty.const.LANG_VERIFY_PACKAGE}</th>
    							<th>Options</th>
    							<th></th>
    							<th width="5%" nowrap>{$smarty.const.LANG_PRICE}</th>
    						</tr>
    						<tr>
    							<td valign="top">{$oProduct}</td>
    							<td valign="top">
    								{if $oBold=="Y"}
    								- {$smarty.const.LANG_BOLD}<br />
    								{/if}
    								{if $oHighlighted=="Y"}
    								- {$smarty.const.LANG_HIGHLIGHTED}<br />
    								{/if}
    								{if $oFeatured=="Y"}
    								- {$smarty.const.LANG_TPL_FEATURED}
    								{/if}
    								{if $oType==3}
    								- {$smarty.const.LANG_RENEWAL}
    								{/if}
    							</td>
    							<td></td>
    							<td valign="top" width="5%" align="right" nowrap>{$formatSubTotal|format_money}</td>
    						</tr>
    						<tr>
    							<td colspan="4" style="border-bottom: 1px solid #ccc;"></td>
    						</tr>
    						{if $oDiscount > 0}
    						<tr>
    							<td></td>
    							<td></td>
    							<td align="right" width="5%" class="total" nowrap>{$smarty.const.LANG_DISCOUNT}{$smarty.const.LANG_COLON} <em>{$oCoupon}</em></td>
    							<td width="5%" class="total" align="right" nowrap>-{$formatDiscount|format_money}</td>
    						</tr>
    						{/if}
    						<tr>
    							<td></td>
    							<td></td>
    							<td align="right" width="5%" class="total" nowrap><strong>{$smarty.const.LANG_GRAND_TOTAL}{$smarty.const.LANG_COLON}</strong></td>
    							<td width="5%" class="total" nowrap><strong><span id="total">{$fomatTotal|format_money}</span></strong></td>
    						</tr>
    					</table>
    </td>
      </tr>
    </table>
    </center>
    <br />
    <p>If you selected to pay by check or money order your listing will not be viewable online to the public until payment has been received. You may make payments out to "Your Company Name" for the amount of {$fomatTotal|format_money} and mail to:</p>
    <p><strong>Your Company Name</strong><br />
    Your Address<br />
    City, ST, Postal</p><br />
    If you decide you would like to use a different method of payment or if you have any questions or concerns you may email us at <a href="mailto:youremailaddress">youremailaddress</a>.
    <br /><br />
    <center>
    <p><strong>You may return to our website by <a href="{$smarty.const.URL}">clicking here.</a></strong></p>
    </center>
    </fieldset>
    
  2. Eric Barnes Guest

    Good idea and thanks for sharing.
  3. cwp Customer

    No problem. You're welcome to edit it and use it in the next version. If this is so we can delete this thread when that version comes out with this upgrade.
  4. afrederc Customer

    CWP, that is wonderful. Thanks for sharing as that makes the checkout look even better.
    Adam
  5. cwp Customer

    Thanks for your kind comments. I'm glad I made something of use to someone on these forums!

    Also you can use the methods posted in this thread ->
    http://www.68classifieds.com/forums/showthread.php?t=4591

    to show different information for different gateways.
  6. afrederc Customer

    CWP,
    I was messing around this weekend with the purple template as it seemed like it would be easier to use to make it match my existing site. I see that there aren't nearly as many tpl files for that template. Do you know how one would implement this on the purple template instead of the default template?
    Thanks!
    Adam
  7. Lhotch curmudgeon

    I havent played with the new templates at all but if they follow suit with the V3 templates a template file is first used if it exists in the chosen template folder and if it doesnt exist the template in the default is used.

    This basically means that only the templates that change from the default actually have to be included in the new template.
  8. Eric Barnes Guest

    Yes what Larry said is correct. The template system uses a layered approach and always reverts to the default if one can not be found.
  9. afrederc Customer

    Thanks a ton as I now am able to get that to work. I appreciate the help!
    Adam
  10. outlook Customer

    Added it. Very nice! Thx.
  11. bowers01 Genius At Work

    Making popup

    Hi,
    Is it possible to make a view printable version button that will not show the header just the Order Receipt?
    If so whats the best way of doing this?
    Cheers
  12. Eric Barnes Guest

    You can try this which should work:
    Code:
    <!-- Thanks Page -->
    {literal}
    <script language="javascript" type="text/javascript">
    <!--
    function doprintcontent()
    {
        var prnttext = '<html><body>\n';
        prnttext += document.getElementById('printcontent').innerHTML;
        prnttext += '</body></html>';
        var newwin = window.open("","printit",'menubar=no, scrollbars=yes, width=600, height=450, directories=no,location=no,resizable=yes,status=no,toolbar=no');
        newwin.document.open();
        newwin.document.write(prnttext);
        newwin.document.close();
        newwin.print();
    }
    //-->
    </script>
    {/literal}
    <span name="printcontent" id="printcontent">
    <fieldset>
        <legend>{$smarty.const.LANG_THANK_YOU}</legend>
        <p>Thank you for your order {$firstname}! If you paid by credit card or another form of instant payment your listing should now be viewable online. To prevent duplicate orders please do not hit the back button. Please see below for your order details. It is recommended that you print this page for your records.</p>
    <br /><br />
    <center>
    <table width="98%" cellpadding="6" cellspacing="0" style="border: 2px solid #888846;">
      <tr>
        <td width="100%">
    <h1 style="font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; color: #000000;">Order Receipt</h1>
    <strong>Order ID:</strong> {$oID}   <strong>Date:</strong> {$oDate}   <strong>Status:</strong> {$oStatusText}
    <br /><br />
    <strong>Name:</strong> {$firstname} {$lastname}<br />
    <strong>Address:</strong> {$address}<br />
    <strong>City:</strong> {$city}<br />
    <strong>State:</strong> {$state}<br />
    <strong>Country:</strong> {$country}<br />
    <strong>Postal Code:</strong> {$zip}<br />
    <strong>Email:</strong> {$email}<br />
    <strong>Phone:</strong> {$phone}<br />
    <strong>Customer ID:</strong> {$username}<br /><br />
        <table width="100%" border="0" cellspacing="2" cellpadding="3"  class="">
    <tr>
                                <th>{$smarty.const.LANG_VERIFY_PACKAGE}</th>
                                <th>Options</th>
                                <th></th>
                                <th width="5%" nowrap>{$smarty.const.LANG_PRICE}</th>
                            </tr>
                            <tr>
                                <td valign="top">{$oProduct}</td>
                                <td valign="top">
                                    {if $oBold=="Y"}
                                    - {$smarty.const.LANG_BOLD}<br />
                                    {/if}
                                    {if $oHighlighted=="Y"}
                                    - {$smarty.const.LANG_HIGHLIGHTED}<br />
                                    {/if}
                                    {if $oFeatured=="Y"}
                                    - {$smarty.const.LANG_TPL_FEATURED}
                                    {/if}
                                    {if $oType==3}
                                    - {$smarty.const.LANG_RENEWAL}
                                    {/if}
                                </td>
                                <td></td>
                                <td valign="top" width="5%" align="right" nowrap>{$formatSubTotal|format_money}</td>
                            </tr>
                            <tr>
                                <td colspan="4" style="border-bottom: 1px solid #ccc;"></td>
                            </tr>
                            {if $oDiscount > 0}
                            <tr>
                                <td></td>
                                <td></td>
                                <td align="right" width="5%" class="total" nowrap>{$smarty.const.LANG_DISCOUNT}{$smarty.const.LANG_COLON} <em>{$oCoupon}</em></td>
                                <td width="5%" class="total" align="right" nowrap>-{$formatDiscount|format_money}</td>
                            </tr>
                            {/if}
                            <tr>
                                <td></td>
                                <td></td>
                                <td align="right" width="5%" class="total" nowrap><strong>{$smarty.const.LANG_GRAND_TOTAL}{$smarty.const.LANG_COLON}</strong></td>
                                <td width="5%" class="total" nowrap><strong><span id="total">{$fomatTotal|format_money}</span></strong></td>
                            </tr>
                        </table>
    </td>
      </tr>
    </table>
    </center>
    <br />
    <p>If you selected to pay by check or money order your listing will not be viewable online to the public until payment has been received. You may make payments out to "Your Company Name" for the amount of {$fomatTotal|format_money} and mail to:</p>
    <p><strong>Your Company Name</strong><br />
    Your Address<br />
    City, ST, Postal</p><br />
    If you decide you would like to use a different method of payment or if you have any questions or concerns you may email us at <a href="mailto:youremailaddress">youremailaddress</a>.
    <br /><br />
    <center>
    <p><strong>You may return to our website by <a href="{$smarty.const.URL}">clicking here.</a></strong></p>
    <input type="button" value=" Print " onclick="doprintcontent();" />
    </center>
    </fieldset>
    </span>
    
  13. bowers01 Genius At Work

    Thanks,
    Works perfectly!
  14. bowers01 Genius At Work

    Is it possible to also email the user a copy of that automatically?
    If so how would i go about doing that?
    Cheers
  15. cliff Customer

    Thank you. I added to my site.
  16. suav New Member

    This has stopped working after the upgrade of v4.0.6 or if the Syntax error fix is applied using v4.0.4 or v4.0.5. Any help on this?
  17. tdisraeli Customer

    THANKS CWP!!!

    Took me a few runs but I (zero coding knowledge) was able to add your code and get it to work. Might not be impressive to those of you who do this for a living but it impressed the hell out of me

    Thanks again.
  18. gorrie Customer

    Variables empty

    I have modified my thankyou.tpl template as directed, however all the variables (ie {$firstname} etc) are empty... HELP??
  19. Lhotch curmudgeon

    What version of 68C are you using?
  20. gorrie Customer

    v4.0.8 Designer

Share This Page