Build Shop > Integrate Shop > viewcart1.htm
 
 
In the previous article we explained how the default (blue colour) design of the shopping cart pages can be customised by " cutting and pasting" the whole default design into your own site's design. In this section we outline a slightly different customisation process which may alternativley be used. This approach provides the raw html code for individual parts of this page which can be cut and pasted individually on your own version of the viewcart1.htm template.

Viewcart1.htm can be considered to consist of four components:

  1. Cookie Information. This is a bit of code which must be placed between the HEAD tags of your html page. Its primary aim is to "remember" what the customer adds to his shopping cart and allows the customer to select multiple items from your site before proceeding to the checkout to buy these selected items. To add the cookie code, copy and paste the following code between the HEAD tags of your viewcart1.htm page.

  2. Shopping Cart Contents Display This code displays the shopping cart contents. Please note that this code will display Option List for Currency selection if you have set multiple currencies, otherwise the currency option list will not be displayed. Similarly it will display a set of Radio Buttons in case multiple Payment Methods have been set within the control panel. If you have set only a single payment method then this list will also not display.

    NOTES:
    1. Restricting sales to certain countries. The above " ship to "country list includes all countries of the world by default. To restrict sales to your own set of countries, simply delete the unrequired countries from the country list
    2. Update quantity button not working Some design tools such as Dreamweaver automatically change the < and > brackets used in html tags which causes failure of the update quantity button. To rectify simply edit the html code and ensure that the < and > have not been changed to lt & gt

  3. JavaScript for Form Validation These are basic (javascript) checks which ensure that users choose the valid selections for country of shipment, currency and payment method before proceeding to the checkout. You need only copy the following code into the HEAD part of your viewcart1.htm

  4. Search Form (optional) This allows your visitors to search your catalog against product code, product name and product description. Normally the search box is used on product display pages or to your index page. However the search box may be added to the shopping cart pages to main design consistency throughout the website. Following code is required to add this the searh box to any position on a webpage:

 
Close Window