Customising offline credit card information page (offline_card_payment.htm template)

This page is used to get payment manually from a customer through his/her credit card like paying in a hotel or in a shopping mall.

BazaarBuilder allows virtually total control over the customization of this page to suit any website design. The customization procedure is same as with all other similar pages;

Step 1: Getting unformatted copy From BazaarBuilder

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

• Select Webpage Builder from main menu after logging in
• Select Template Builder
• Select "Download Templates". Choose the default templates (unformatted) or one's you may have uploaded. Select checkoutconfirm1.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 offline_card_payment.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 Webpage Builder from main menu after logging in
• Select Template Builder
• 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 Webpage Builder from main menu after logging in
• Select Template Builder
• 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 Webpage Builder from main menu after logging in
• Select Template Builder
• Select "Upload Templates". Select the style sheet and press "Upload".

This page contains following Template Variables.

1. <tmpl_var customerId>
2. <tmpl_var cost>
3. <tmpl_var lname>
4. <tmpl_var fname>
5. <tmpl_var city>
6. <tmpl_var postcode>
7. <tmpl_var address>
8. <tmpl_var country>
9. <tmpl_var country_code>
10. <tmpl_var tele>
11. <tmpl_var fax>
12. <tmpl_var email>
13. <tmpl_var cart_id>
14. <tmpl_var nettotal>
15. <tmpl_var vat>
16. <tmpl_var asd>
17. <tmpl_var service>
18. <tmpl_var shippingvat>
19. <tmpl_var payment_method>
20. <tmpl_var curr_id>

Read this article about how to customise this template.