Divided Customer Text Entry Fields
There are two options available for this and they both have their pros and cons. The first option is to use the customer text entry field available in all three levels of ShopSite under Products > Edit Product Info. Once the customer text entry field is enabled for a product, you will modify your custom template so that by enabling that one field, three fields are displayed on your store pages. All three of these fields will pass their contents to the one field listed in the cart. Below is an example of using this option, and what it will look like in the cart.
Custom Text Entry Example 1
|
 |
The second option is to use make-shift ordering options and have those make-shift ordering options stay in the cart by making it so that customers cannot change them once they are added to the cart. This option is only available in ShopSite Pro but it gives you more control over the look of the options in the cart. Below is an example of this method with an image showing what it looks like in the cart.
Custom Text Entry Example 2
|
 |
Custom Text Entry Example 1:
- In your custom template, replace the add to cart form with the form below.
- Assign your custom template to your product, and turn on your product's custom text entry field (Products > Edit Product Info).
<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">
<input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]">
Line 1 <input name="[-- PRODUCT.RecordNumber --]:freeopt" type="text"
id="[-- PRODUCT.RecordNumber --]:freeopt" value="here is line 1" size="15"><br>
Line 2 <input name="[-- PRODUCT.RecordNumber --]:freeopt" type="text"
id="[-- PRODUCT.RecordNumber --]:freeopt" value="here is line 2" size="15"><br>
Line 3 <input name="[-- PRODUCT.RecordNumber --]:freeopt" type="text"
id="[-- PRODUCT.RecordNumber --]:freeopt" value="here is line 3" size="15"><br>
<center><input value="Add To Cart" type="submit"></center>
</form>
Custom Text Entry Example 2:
- ShopSite Pro stores only
- In your custom template, replace the add to cart form with the form below.
- Add a space in the "order option description" field under Products > Edit Product Info.
- Check the checkbox to not allow customers to change ordering options in the cart (Commerce Setup > Order System > Shopping Cart).
<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">
<input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]">
<input type="hidden" name="[-- PRODUCT.RecordNumber --]:finoptnum" value="3">
<input name="[-- PRODUCT.RecordNumber --]:finopt:0" type="hidden"
id="[-- PRODUCT.RecordNumber --]:finopt:0" value="Line 1 ">
Line 1 <input name="[-- PRODUCT.RecordNumber --]:finopt:0" type="text"
id="[-- PRODUCT.RecordNumber --]:finopt:0" value="line 1 goes here" size="15"><br>
<input name="[-- PRODUCT.RecordNumber --]:finopt:1" type="hidden"
id="[-- PRODUCT.RecordNumber --]:finopt:1" value="Line 2 ">
Line 2 <input name="[-- PRODUCT.RecordNumber --]:finopt:1" type="text"
id="[-- PRODUCT.RecordNumber --]:finopt:1" value="line 2 goes here" size="15"><br>
<input name="[-- PRODUCT.RecordNumber --]:finopt:2" type="hidden"
id="[-- PRODUCT.RecordNumber --]:finopt:2" value="Line 3 ">
Line 3 <input name="[-- PRODUCT.RecordNumber --]:finopt:2" type="text"
id="[-- PRODUCT.RecordNumber --]:finopt:2" value="line 3 goes here" size="15"><br>
<center><input value="Add To Cart" type="submit"></center>
</form>