WebXess Support: Shopping Cart Program

Script Install & Server Customization
Company Customization & Tax Setup
Catalog Page Creation
Try our Demo

Catalog Page Creation

Note: All the catalog pages will be stored in the /cgi-local/store/catalog directory.

Navigation

You can link to other pages in your catalog through two methods.

The first is to have submit buttons leading to other pages. The code for them is as follows:

<form METHOD=POST ACTION="!MYURL!">
<input type=SUBMIT name=none value="Product 1">
<input type=hidden name=thispage value="page.html">
<input type=hidden name=ORDER_ID value="!ORDERID!">
</form>
Do not change anything here except what is in bold... the !MYURL! and !ORDERID! are created dynamically.

The second method is to plan your pages in a linear fashion, and have a "Previous Page" and "Next Page" style navigation system at the top and bottom of each page. This is accomplished by placing the following tag at the top of each catalog page:

<--PSTAG prevpage=page1.htm nextpage=page3.htm-->

This would be the tag on the hypothetical "page2.htm". For the first and last pages (i.e. page1.htm) you place the page in as the previous or next page to close the line. For example, on page1.htm your tag would read:

<--PSTAG prevpage=page1.htm nextpage=page2.htm-->

This would display only a "Next Page" button. This tag goes at the very top of the page, above the <html> tag. See our online demo for an example.

Item Selection

There are two main type of item forms you can make. They are single-item forms, and multi-item forms. The later is probably the most useful, but you have either type or both types on the same page if you like.

For single item selection, where each item has its own Order button (like the items on our first demo page), you would use the following code:

<form METHOD=POST ACTION="!MYURL!">
<INPUT TYPE=HIDDEN NAME=ORDER_ID VALUE="!ORDERID!">
<INPUT TYPE=HIDDEN NAME=ITEM_ID VALUE="12345">
<INPUT TYPE=HIDDEN NAME=ITEM_NAME VALUE="Item Name">
Item Name/Price
<INPUT TYPE=HIDDEN NAME=ITEM_PRICE VALUE="49.95">
<INPUT TYPE=HIDDEN NAME=thispage value=page1.html>
Qty:<INPUT TYPE=TEXT SIZE=3 MaxLength=3 NAME=QTY VALUE="1">
Blurb on product
<INPUT TYPE=HIDDEN NAME=ITEM_CODE value="!ITEMCODE!">
</form>

Again, the fields you would change are in bold.

For multi-item selection, with one Order button at the bottom (or top, etc.) of the page, you would structure the page as follows (like the second page of our online demo):

*** Repeat this section for each product ***

<INPUT TYPE=HIDDEN NAME=ITEM_ID VALUE="12345">
<INPUT TYPE=HIDDEN NAME=ITEM_NAME VALUE="Item Name">
Item Name/Price
<INPUT TYPE=HIDDEN NAME=ITEM_PRICE VALUE="49.95">
Qty:<INPUT TYPE=TEXT SIZE=3 MaxLength=3 NAME=QTY VALUE="1">
Blurb on product

*** End Repeated Section ***

Optional Tags

The following tags are optional:

WEIGHT - This 'type=hidden' tag can be used if you want to calculate the shipping charges based on weight. The value of the tag should be the weight of the item. If you want to use this tag you must change the value of the '$weight_caption' variable.
TAXTYPE - This 'type=hidden' tag can be used if only some of the items you sell are taxable, and some are not. The default is to add tax, but you can override it for individual items by using the following tag:
<INPUT TYPE=HIDDEN NAME="ITEM_TAXTYPE" value="none">
OPTIONx - This tag can be used to specify any attributes of the items you sell. For example, this tag can be used to specify Colour, or Size. You can have up to three different option tags. If you want to use this tag you must change the value of the '$option1_caption' variable to the name of the option. You can let users pick the value of the option through a list box, radio buttons, etc..
Stay on Page - By placing this tag within the <form>...</form> block, you can override the value of the '$stay_on_page' variable in the script. For example, the following tag allows the user to stay on the page after hitting Order by selecting the checkbox:
<INPUT TYPE=checkbox NAME="StayOnPage" value="YES">

Tag Order

The order of the tags is very important. The following must be observed:

The 'ITEM_COD' tag must be the very last tag before the closing </form> tag.
If any of the optional tags are used they must appear before the 'ITEM_ID' and 'ITEM_PRICE' tags.
Each HTML tag should be on a line by itself.

Home - About - Austin Texas Web Design - Technology -
Testimonials - Careers - Privacy Policy - Contact - Other Resources

WebXess, Inc. 8900 Business Park Drive, Suite 100. Austin, Texas 78759