Customising order confirmation page (messages.htm template)

This is the final page that appears during the shopping process. Its primary aim is to thank the customer for buying from your site and tells them how they should make their payment in case their payment was by using one of the offline payment methods. Typical information that could be included here is;

Who to write the cheque/check out to and to which address to post it to.

Bank details if payment is to be made by electronic means

other special instructions for the customers

Link of page on your site where customer can go back to for further shopping /info.

Step 1: Getting unformatted copy From BazaarBuilder

Download the "default" copy of checkoutconfirm1.htm from BazaarBuilder to start the customization process. The default checkoutconfirm1.htm contains no formatting as it must be me customized according to each your website's design. To get the template via email;

• Select "Download Templates". Choose the default templates (unformatted) or one's you may have uploaded.
• Select messages.htm
• Enter your email address where the default templates are to be sent. NOTE: On occasion some email clients such as Outlook do not receive the email attachments correctly. It is advised that you try using an alternative email address from hotmail , yahoo or any other web based email system.
• Press Download

 

Step 2: Modifying The Templates.

After receiving the template via email, open it in your favorite web design tool such as Dreamweaver and customize it till you are satisfied with its layout. You may already have a page built that acts a template for your site's design. In this case simply "cut +paste" the downloaded page into your site and save it as checkoutconfirm1.htm. This template can be uploaded as in step 3 and the process repeated further till you are satisfied with the design.

The default template contains special variables which look almost exactly like normal HTML tags. Each of these variables represents a data for the concerned products that was inserted in the Catalogue Builder section. As long as these variables are included in your pages in their given sequence, you have complete control on how each of the pages is customized to match the rest of the website.

Note 1: Take special care with setting the directory paths to various images and style sheets that may be used on the page. By default ALL the images will be stored in following directory: /bazaar/username/images/ (where username is YOUR own username that was registered with BazaarBuilder). Only GIF and JPG images are allowed. So if an image named globe.gif is used on the pages then the path would be /bazaar/username/images/globe.gif. Some design tools such as dreamweaver automatically the directory paths so its always worthwhile to double check these before uploading the page.

Read this article about how to customise this template.

Step 3: Uploading the modified Templates

After modification files are uploaded again to the server by following these simple steps;

• Select "Upload Templates". A list of templates is displayed. Select all the required templates and press "Upload".
• The online store will now work. Repeat Step 2 until you are satisfied with the result. Images and Style Sheets (css) can be upload in same manner by following steps 3 and 4 within the Template Builder section.

 

Step 4: Uploading Template Images

All images included in the template design are can be uploaded. All images will be placed in directory /username/images/ on the web server.

• Select "Upload Images". Select upto three images to upload for the templates templates and press "Upload". Additional images can be uploaded by repeating the process as many times as required.

 

Step 5: Uploading Template Style Sheets

In case you have used any external style sheets (css) which need to reside on the server, they can be uploaded to the server by following these simple steps

• Select "Upload CSS ". Select the style sheet and press "Upload".

This page uses following Template Variables.

1. <tmpl_if currency>
2. <tmpl_var currency>
3. </tmpl_if>
4. <tmpl_if currency>
5. <tmpl_var currency>
6. </tmpl_if>
7. <tmpl_loop name=cart>
8. <tmpl_var index>
9. <tmpl_var option_price>
10. <tmpl_var product_id>
11. <tmpl_var product_desc>
12. <tmpl_if option_name>
13. <tmpl_var option_name>
14. </tmpl_if>
15. <tmpl_var product_price>
16. <tmpl_if option_cost>
17. <tmpl_var option_cost>
18. </tmpl_if>
19. <tmpl_var quantity>
20. <tmpl_var product_total>
21. </tmpl_loop>
22. <tmpl_var nettotal>
23. <tmpl_if discount>
24. <tmpl_var discount>
25. </tmpl_if>
26. <tmpl_var shippingvat>
27. <tmpl_var vat>
28. <tmpl_var grandtotal>
29. <tmpl_if Cheque>
30. </tmpl_if>
31. <tmpl_if Credit_Account>
32. </tmpl_if>
33. <tmpl_if Bankers_Draft>
34. </tmpl_if>
35. <tmpl_if Postal_Order>
36. </tmpl_if>
37. <tmpl_if Cash_on_Delivery>
38. </tmpl_if>
39. <tmpl_if Bank_Transfer>
40. </tmpl_if>
41. <tmpl_if Offline_Credit_Card_Payments>
42. </tmpl_if>
43. <tmpl_if order_id>
44. <tmpl_var order_id>
45. </tmpl_if>
46. <tmpl_if transaction_id>
47. <tmpl_var transaction_id>
48. </tmpl_if>
49. <tmpl_if transaction_status>
50. <tmpl_var transaction_status>
51. </tmpl_if>
52. <tmpl_if amount>
53. <tmpl_var amount>
54. </tmpl_if>

Read this article about how to customise this template.