Customising checkout confirm page (checkoutconfirm1.htm template)

This page displays final shopping cart contents showing all VAT/GST, shipping , discounts(if any) and product prices. From here customer will go to the payment page itself where they will make payment for their purchase.

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 e-mail;

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

Step 2: Modifying The Templates.

After receiving the template via e-mail, 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".

( note if you have already uploaded the external style sheet whilst customising earlier templates, this step will not be necessary)

It includes following Template Variables in following sequence:

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 shipping_vat>
27. <tmpl_var vat>
28. <tmpl_var grandtotal>
29. <tmpl_var customerid1>
30. <tmpl_var fname>
31. <tmpl_var lname>
32. <tmpl_var city>
33. <tmpl_var postcode>
34. <tmpl_var address>
35. <tmpl_var country>
36. <tmpl_var country_code>
37. <tmpl_var tele>
38. <tmpl_var fax>
39. <tmpl_var email>
40. <tmpl_var grandtotal >
41. <tmpl_var cart_id>
42. <tmpl_var nettotal>
43. <tmpl_var vat>
44. <tmpl_var shipping_vat>
45. <tmpl_var payment_method>
46. <tmpl_var tele>
47. <tmpl_var name>
48. <tmpl_var vtftotal>
49. <tmpl_var service>
50. <tmpl_var shippingvat>
51. <tmpl_var curr_id>
52. <tmpl_var bandid>
53. <tmpl_var dcountry>

Read this article about how to customise this template.