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

Subproducts Displayed with Checkboxes

If you would like to display your subproducts as a list of checkboxes 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 with the checkbox. If you would just want to include the product name next to the checkbox, 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 --] <input type="checkbox" name="itemnum" value="[-- PRODUCT.RecordNumber --]">[-- PRODUCT.Name --] [-- END_DEFINE SUBPRODUCT --]
If you would like to include the product name and product price, the subproduct section would look similar to:
[-- DEFINE SUBPRODUCT --] <input type="checkbox" name="itemnum" value="[-- PRODUCT.RecordNumber --]">[-- PRODUCT.Name --] [-- IF PRODUCT.SaleAmount --][-- PRODUCT.SaleAmount --][-- ELSE --][-- PRODUCT.Price --][-- END_IF --] [-- 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 checkbox list 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 products who's checkboxes are checked get 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. [-- LOOP SUBPRODUCTS --] [-- SUBPRODUCTS --]<br> [-- END_LOOP SUBPRODUCTS --]

Complete Product Template
[-- DEFINE SUBPRODUCT --] <input type="checkbox" name="itemnum" value="[-- PRODUCT.RecordNumber --]">[-- PRODUCT.Name --] [-- 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 --] [-- LOOP SUBPRODUCTS --] [-- SUBPRODUCTS --]<br> [-- END_LOOP SUBPRODUCTS --] [-- 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>