ShopSite® is the easiest-to-use shopping cart software for small to medium-sized businesses.

Product Template

A product template defines the elements and layout of a product listing that appears on store pages. Like a page template, a product template contains standard HTML tags to specify the layout, and ShopSite custom template tags to specify the product information from the ShopSite database that is to appear in the product listing.

When ShopSite publishes a page that uses custom templates, it reads the product information from the product database and formats it according to the product template. ShopSite then creates the rest of the page, which probably includes more products, each of which is formatted according to the product template that is uses.

You can use the same product template for all products in your store, or choose different templates for different products. You can even specify different product templates from within page templates, so that a product uses one template on one page and another template on a different page.

For this tutorial, the product format used will be:
<table> <tr> <td align="center" width="200" valign="top"> <img src="media/product.jpg"></td> <td valign="top"> Product Name <br> $9.99<br> SKU# 123-test<br> this is the product description.<br> <select> <option name="pull down">Pull Down</option> </select> Qty <input type="text" value="1"> <input type="submit" value="add to cart" name="add to cart"> </td> </tr> </table>

The product template is divided up int 3 main sections, the DEFINE SUBPRODUCT section, the DEFINE PRODUCT section and the DEFINE MORE_INFO_PAGE section. The next few pages will be talking about the DEFINE PRODUCT section only. Before you begin you will need to add the DEFINE PRODUCT and END_DEFINE PRODUCT tags to the top and bottom of your product layout. For example:
[-- DEFINE PRODUCT --] <table> <tr> <td align="center" width="200" valign="top"> <img src="media/product.jpg"></td> <td valign="top"> Product Name <br> $9.99<br> SKU# 123-test<br> this is the product description.<br> <select> <option name="pull down">Pull Down</option> </select> Qty <input type="text" value="1"> <input type="submit" value="add to cart" name="add to cart"> </td> </tr> </table> [-- END_DEFINE PRODUCT --]

Next: Product Name, SKU and Description >>