|
Product
Options
Most products have options, whether it be size, color, add-ons,
etc. The NebuCart system can support up to 20 option lists per product,
but it is unlikely that you will use that many for a single product.
Simple Option List
To make an option list as space efficient as possible, NebuCart
supports only select, or drop down menus for options. To create
a simple list of size options for our example shirt (product ID
"NC_Shirt"), the code would look lik this:
<select name="NC_Shirt_opt">
<option value="Small">Small</option>
<option value="Med">Medium</option>
<option value="Lrg">Large</option>
<option value="XLrg">Xtra Large</option>
</select>
Before the customer adds the shirt to their cart, they have the
option of picking a size. By default, the first item in a select
list is selected should the customer not pick an option. You can
change which item is selected by default by adding the text "selected"
in the option tag of choice.
Let's say the customer picked a medium shirt and added it to their
cart. When the cart displays, the option "Med" would be
displayed in the options column for that item.
Now if the customer returns to that catalog page and selects a different
option, say a Small shirt, and adds it to their cart, the cart will
display both a small and medium shirt in the cart.
More Options
Now, let's assume that you're not only selling different sized shirts,
but different colors as well. To add an option list for this, the
code would be:
<select name="NC_Shirt_opt1">
<option value="White">White</option>
<option value="Tan">Tan</option>
<option value="Green">Red</option>
<option value="Black">Black</option>
</select>
Easy right? You'll notice that we named this added option list "NC_Shirt_opt1".
This is to give it a unique name so that NebuCart can use it. For
each additional option list for a given product, you'll need to
increment the Field Suffix by 1. Otherwise, errors will occur.
So if the customer selected a Small, Tan shirt and added it to their
cart, the options column would reflect those option choices.
Multiple Select Options
You may have a case where you can give the customer the option of
picking more thanone option from a single list. This is easily done
by adding the multiple property to the select menu. This
is a property of HTML drop downs that allow a user to select more
than one item from a list. When you create a multiple drop down,
it's a good idea to add a display size (size="N") to the
select as well so that they can see more than one choice at a time.
Here's how a multiple select definition would look:
<select
name="NC_Shirt_opt" size="3" multiple>
Cost
Additive Options
Some times, options can cost you, the merchant, extra. So why not
pass on the value? Let's take a look at our size option for the
product NC_Shirt. It may be that you want to charge the customer
an extra $2.95 for picking the extra large shirt. In that case,
all you need to do is add that cost to the value property of that
option like so:
<option
value="XLrg|2.95" >Xtra
Large (Add $2.95)</option>
Now
when the customer picks the extra large shirt, the cost of the shirt
(originally $19.95) would be $22.90! It's that easy. One note: The
customer should always be aware of any additional costs to the product,
so make sure that you put the added cost either in the text of the
option or that it's readily viewable somewhere on the catalog page!
Summary:
| Product
Property |
Field
Suffix |
Field
Type |
Required |
Value(s) |
Text |
Code |
| Option |
_opt,
_opt1 ... _optN
(N = number from 1 to 20) |
select
single |
no |
Any
text for option description.
Options that add cost must be formatted like this: description|cost |
Any
alphanumeric |
<select
name="Product_ID_opt">
<option value="Option Text">Option Text</option>
<option value="Option Text|Added_Cost">Option
Text (Add $Added_Cost)</option>
</select> |
| Option |
_opt,
_opt1 ... _optN
(N = number from 1 to 20) |
select
multiple |
no |
Any
text for option description.
Options that add cost must be formatted like this: description|cost |
Any
alphanumeric |
<select
name="Product_ID_opt" size="N" multiple>
<option value="Option Text">Option Text</option>
<option value="Option Text|Added_Cost">Option
Text (Add $Added_Cost)</option>
</select>
(N = the display size of the multiple select) |
| Operation |
Object
Type |
Link/Method/Code |
| N/A |
N/A |
N/A |
Basic
HTML Setup
Quantity Configuration
Purchase Limit
Product Description
Product Options
Back
Main
|
