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

Subproducts Listed In A Pull Down Menu

If you would like to display your subproducts in a pull down menu there are two areas in the product template that you would need to edit. The DEFINE SUBPRODUCT section of the product template and the DEFINE PRODUCT section of the product template.

For the DEFINE SUBPRODUCT section you would only include the information for one subproduct in a pull down menu. If you would just want to include the product name in the pull down menu, the subproduct section would look similar to the following. Note that the PRODUCT.RecordNumber is including the product itemnum which will indicate which product from the ShopSite database to add to the cart.
[-- DEFINE SUBPRODUCT --] <option value="[-- PRODUCT.RecordNumber --]">[-- PRODUCT.Name --]</option> [-- END_DEFINE SUBPRODUCT --]
If you would like to include the product name and product price, the subproduct section would look similar to:
[-- DEFINE SUBPRODUCT --] <option value="[-- PRODUCT.RecordNumber --]">[-- PRODUCT.Name --] [-- IF PRODUCT.SaleAmount --][-- PRODUCT.SaleAmount --][-- ELSE --][-- PRODUCT.Price --][-- END_IF --]</option> [-- END_DEFINE SUBPRODUCT --]

After you have setup the code for the DEFINE SUBPRODUCT section, you would need to include the LOOP SUBPRODUCT tags with the DEFINE PRODUCT section of your template where you would like the subproduct pull down menu to appear. The LOOP SUBPRODUCT tags would look similar to the following. Note that you would still need to include the add to cart form (see product add to cart) so that the product selected in the pull down menu gets added to the cart. You do not need to include the <input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]"> which is part of the add to cart form. <SELECT name=itemnum> [-- LOOP SUBPRODUCTS --] [-- SUBPRODUCTS --] [-- END_LOOP SUBPRODUCTS --] </SELECT>

Complete Product Template
[-- DEFINE SUBPRODUCT --] <option value="[--PRODUCT.RECORDNUMBER--]">[--PRODUCT.Name--]</option> [-- END_DEFINE SUBPRODUCT --] [-- DEFINE PRODUCT --] <CENTER> [-- INCLUDE Product-Graphic PROCESS --] [-- INCLUDE Product-Name PROCESS --] [-- INCLUDE Product-Sku PROCESS --] [-- INCLUDE Product-Description PROCESS --] <br> ######################## # SUBPRODUCTS # ######################## <form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method=post> <input type=hidden name=storeid value=[--Store.id--]> <input type=hidden name=dbname value=products> <input type=hidden name=function value=add> <TABLE> <TR><TD> [-- IF PRODUCT.SubProduct --] <SELECT name=itemnum> [-- LOOP SUBPRODUCTS --] [-- SUBPRODUCTS --] [-- END_LOOP SUBPRODUCTS --] </SELECT> [-- ELSE --] <input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]"> </TD><TD> ######################## # ADD TO CART # ######################## <input type=image src="[-- OUTPUT_DIRECTORY_URL --]/media/add_to_cart.gif" width=83 height=20 alt="add_to_cart.gif" hspace=3 vspace=3 border=0 align="bottom" name="Add to Cart" alt="Add to Cart"> <input type=image src="[-- OUTPUT_DIRECTORY_URL --]/media/view_cart.gif" width=71 height=20 alt="view_cart.gif" hspace=3 vspace=3 border=0 align="bottom" name="View Cart" alt="View Cart"> </TD></TR></TABLE> </form>