Steps

All you need to do is:

  1. Insert form tags that enclose the entire product loop. Remember to add closing form tags.
     
  2. After the form start tag add a hidden field which act as cart command for the multiple adding function:
    <input type="hidden" name="CartCmd" id="CartCmd" value="addMulti" />
     
  3. Insert a form field handler tag inside the product loop:
    <!--@Ecom:Product.Form.Multi.HiddenFields-->
     
  4. Insert an quantity input field and change the default name to:
    name="Quantity<!--@Ecom:Product.LoopCounter-->
     

To finish things off then simply let users submit the form when adding products to the shopping cart, i.e. the "Add to cart" link as displayed in the following:

 

<a href="javascript:document.multiForm.submit();"><img src="files/system/shop_addtocart.jpg" alt="Add to cart" border="0" /></a>

 

Copyright 2011 Dynamicweb Software - Content Management System & e-Commerce