|
Commerce
Blvd's Free Shopping Cart
Catalog Page Creation
Go Back
Script
Installation & Server Customization
Company
Customization & Tax Setup
Catalog Page
Creation
Try our Demo
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):
<form
METHOD=POST ACTION="!MYURL!">
***
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 ***
<INPUT
TYPE=SUBMIT NAME=dummy VALUE="Press to Order">
<INPUT TYPE=HIDDEN NAME=ACTION
VALUE="ORDER">
<INPUT TYPE=HIDDEN NAME=ORDER_ID VALUE="!ORDERID!">
<INPUT TYPE=HIDDEN NAME=thispage value=page1.html>
<INPUT TYPE=HIDDEN NAME=ITEM_CODE value="!ITEMCODE!">
</form>
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.
Go Back
|
