BazaarBuilder

Viewcart1.htm is the first shopping cart page a customer will see when he presses the " add to cart" button on any website.

After inserting a product into the cart, a customer can choose a number of options from this page;

continue shopping by going back to the product page where he pressed the " add to cart " button.
modify his order quantities by changing the value in the quantity field and press update quantities. This will automatically recalculate prices previously displayed
He may also delete items from the basket
Checkout. Before checking out he must select country of shipment. This field is also used to calculate Vat/Sales tax for sales made within European Union countries. If multiple rate bands for shipping are set in " shipping settings" of Admin control panel, then this screen will also display the other rate bands ( standard/priority shipping). A choice of different currencies are also set.

The customization procedure of this page is similar to that used to customize the rest of the pages.( apart from having an extra bit of code between the <HEAD> tags of the page's html.

Step 1: Downloading unformatted copy From BazaarBuilder

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

Select "Download Templates from the Customize Templates section . Choose the default templates (unformatted) or one's you may have uploaded previously. Select viewcart1.htm in the list of templates in the main frame.
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.
Once the template arrives via email SAVE it locally on your computer before beginning to customise it.

Step 2: Modifying The Templates. (Important: See Note 2 below)

After receiving the template via e-mail save it on your local computer. Open it in your favorite web design tool such as Dreamweaver or even Notepad and customize it till you are satisfied with its layout. You may typically already have a page built that acts a template for your site's design (dreamweaver users often). In this case simply "cut +paste" the html code of the viewcart1.htm template into your site and save it as viewcart1.htm(see note 1+2 also). This template can be uploaded as in step 3 to see if it works 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 prices and product information that were entered in the Product Manager 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: Any images used on this page will have to be uploaded to the BazaarBuilder web server. By default images that will be used as graphics for this page will be stored in following directory: /username/images/ (where username is YOUR own username that was registered with BazaarBuilder). Only GIF and JPG are images allowed. So if an image named globe.gif is used on the pages then the directory path should be /username/images/globe.gif. Some design tools such as Dreamweaver automatically ALTER the directory paths as files are moved from one place to another so its always worthwhile to double check these before uploading the page. If you already uploaded the page to the server and the images are not showing, this is the most likely reason for their non-appearance.

Note 2: Unlike all other shopping cart templates this page uses an extra META tag that must be pasted between the <HEAD>tags of the viewcart1.htm file. Simply cut + paste the following into your page;

<tmpl_if session_id>
<meta http-equiv="Set-Cookie" content="SessionID=<tmpl_var session_id>;Path=/;Domain=www.bazaarbuilder.com">
</tmpl_if>

Continue Shopping button uses history.go(-1) javascript function on onclick event i.e. onclick="history.go(-1)". You can however use parent.location method if you want to take visitor to any specific page e.g. onclick="parent.location='path to 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 viewcart1.htm and press "Upload".
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.

Step 4: Uploading Template Images

Any images used on this page will have to be uploaded to the BazaarBuilder web server. By default images that will be used as graphics for this page will be stored in following directory: /username/images/ (where username is YOUR own username that was registered with BazaarBuilder). Only GIF and JPG are images allowed. So if an image named globe.gif is used on the pages then the directory path should be /username/images/globe.gif. Some design tools such as Dreamweaver automatically ALTER the directory paths as files are moved from one place to another so its always worthwhile to double check these before uploading the page. If you already uploaded the page to the server and the images are not showing, this is the most likely reason for their non-appearance.

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 by following these simple steps;

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

>>>>>>>>>>>>>>>>>>>>

The following list of variables is provided just for your reference. You will normally not have to refer to it.

This page uses following Template Variables. Sequence of these variables from top to bottom in the page is as follows:

<tmpl_if session_id>
<meta http-equiv="Set-Cookie" content="SessionID=<tmpl_var session_id>;Path=/;Domain=www.bazaarbuilder.com">
</tmpl_if> ( This meta tag must be placed in HEAD of the viewcart1.htm page. This page is the only one that uses this meta tag)
<input type="hidden" name="isoptions" value="<TMPL_VAR isoptions>">
<input type="hidden" name=cartitems value="<TMPL_VAR cartitems>">
<input type="hidden" name=setcookie value="<TMPL_VAR session_id>">
<input type="hidden" name=customerId value="<TMPL_VAR customer_id>">
<input type="hidden" name=url value="<TMPL_VAR url>">
Unit Price <tmpl_if currency>(<tmpl_var currency>)</tmpl_if>
Total <tmpl_if currency>(<tmpl_var currency>)</tmpl_if>
<a href="viewcart.pl?action=rfc&prdindex=<TMPL_VAR index>&cart_id=<TMPL_VAR session_id>&customerId=<TMPL_VAR customer_id>&url=<TMPL_VAR url>">Delete</a>
<tmpl_var product_id>
<input type="hidden" name="idprd" value="<tmpl_var product_id>">
<tmpl_var product_desc><tmpl_if options> (<tmpl_var options>)</tmpl_if>
<tmpl_var product_price><tmpl_if option_price> (<tmpl_var option_price>)</tmpl_if>
<input type=hidden name=fromaction value="updatecart">
<input name="qtyindex-<TMPL_VAR index>" type=hidden value="<TMPL_VAR index>">
<input name="quantity-<TMPL_VAR index>" type="text" class="input-txt" value="<TMPL_VAR quantity>" size=3 maxlength=3>
<tmpl_var product_total>
</tmpl_loop>
<tmpl_var subtotal>
Discount <tmpl_var discount>
</tmpl_if>
<tmpl_var discountsubtotal>
<tmpl_if errors>
<tmpl_var errors>
</tmpl_if>
<tmpl_if country>
<TMPL_VAR country>
<TMPL_ELSE>
</tmpl_if>
<tmpl_if shipping_methods>
<tmpl_var shipping_methods>
</tmpl_if>
<tmpl_var currency_list>
<tmpl_var payment_methods>
<tmpl_loop name=Select_currency> <TMPL_VAR Sel_currency> </tmpl_loop>
<tmpl_var payment_methods>

Read this article about how to customise this template.