Forms with Multiple Product Options

Introduction to Forms with Multiple Product Options

Some products have multiple product options, such as size, shape and colour. For example, a t-shirt will have properties of size, shape, colour, style and so on. The basic links and basic forms may not always be suitable for this type of product - you may prefer multiple drop-down menus instead.

You should note that there are some differences between the basic forms and the multiple option forms:

1)	You need to use custom[] instead of item - note that the word custom is followed by square brackets with no spaces
2)	You may use only one price per form, regardless of the options chosen for that product. If pricing changes according to options (ie, small and large are different prices) then you must use separate forms (ie, one form for large and another for small)

Multiple Product Options Example Code

The following are just some of the ways you can create links with multiple product options:

Multiple Drop Down Menus	HTML Code
Blue Widget Green Widget Red Widget Large Medium Small Circular Triangular Square	<form action="http://www.fastcart.co.uk/cart/index.php" method="post" target="_top"> <input type="hidden" name="id" value="1223"> <select name="custom[]"> <option value="Blue Widget">Blue Widget <option value="Green Widget">Green Widget <option value="Red Widget">Red Widget </select><br> <select name="custom[]"> <option value="Large">Large <option value="Medium">Medium <option value="Small">Small </select><br> <select name="custom[]"> <option value="Circular">Circular <option value="Triangular">Triangular <option value="Square">Square </select><br> <input type="hidden" name="price" value="9.99"> <input type="submit" value="Add to Cart"> </form>
You can use as many drop down menus as you like.

Combination	HTML Code
Select: Blue Green Red Large Medium Small Circular Triangular Square Quantity: 1 2 3	<form action="http://www.fastcart.co.uk/cart/index.php" method="post" target="_top"> <input type="hidden" name="id" value="1223"> <input type="radio" name="custom[]" value="Blue Widget">Blue <input type="radio" checked name="custom[]" value="Green Widget">Green <input type="radio" name="custom[]" value="Red Widget">Red </select><br> <select name="custom[]"> <option value="Large">Large <option value="Medium">Medium <option value="Small">Small </select><br> <select name="custom[]"> <option value="Circular">Circular <option value="Triangular">Triangular <option value="Square">Square </select><br> Quantity: <select name="qty"> <option value="1">1 <option value="2">2 <option value="3">3 </select> <input type="hidden" name="price" value="9.99"> <input type="submit" value="Add to Cart"> </form>
You can combine radio buttons and multiple drop down menus and quantity if you want to.