|
Adding Options:
- You MUST Create your Product
Quantity input box on your page first.
- If you are using FrontPage, position the cursor on your
page inside the form for the product ID code. This is where you want the option code to be
inserted. All option code MUST be within the related product ID form on your page.
This is where the code will get inserted into your page
when you select the insert code button on the Options Form.
Important: Make sure your cursor is in the
<FORM> where you defined your product quantity input box so that the option will be
applied to the correct product. See number 3 below.
- Properly
inserting the option code on your pages using FrontPage:
This is the incorrect way to insert the product
form code:
Widget
$9.95
Notice how the Select Color option box above is NOT
inside the dotted lines (the form). If the code is inserted this way, the option would not
be applied to the product.
This is the correct way:
You MUST click inside the dotted lines before
inserting the code to the page.
Widget $9.95
Notice how the Select Color option box above is inside
the dotted lines (the form). If the code is inserted this way, the option will now be
applied to the product correctly.
- Properly
inserting the option code on your pages using the Windows Clipboard:
<FORM METHOD="POST"
ACTION="/cgi-bin/quikstore.cgi">
<P><SELECT
NAME="OPTION|1|101">
<option value="invalid|Color">Select
Color</option>
<option value="Blue|0.00|1">Blue</option>
<option value="Purple|1.00|1">Purple
- Add $1.00</option>
</SELECT></P>
<INPUT TYPE="text" NAME="item-101|129.95|Widget|36 ft|200"
size="3">
<INPUT TYPE="hidden" NAME="store_type" VALUE="html">
<INPUT TYPE="hidden" NAME="page" VALUE="products.html">
<INPUT TYPE="submit" NAME="add_to_cart" VALUE="Add to
Cart">
</FORM>
Notice that the option code is inserted just above the product id
input tag.
We have two options: a purple widget, and a blue
widget. Notice that the purple widget has an additional cost of
$1.00. If selected, this price will be added to the base price of
the product when the item gets added to the cart.
Note: If you want the options box
to be on its' own line, you have to manually insert the <P> and </P> tags as
shown above.
- Checking/Modifying
the URL to The QuikStore Script:
To test for the proper Script URL, right click inside
the form (dotted lines) and select "Form Properties". In FrontPage 98, the
following window will come up:
To check the Script URL, select the "Options"
button as shown above.
Just enter the full path to your script on the server...
Also, to make sure the hidden fields for page name and
store type are correct, select the Advanced button from the Form Properties menu above.
This will bring up the following box:
This box displays the hidden fields and they can be
modified from here. The Page Value is the name of the current page you are editing. The
Store Type value is "html".
That's it... If the above things are set correctly, the
selected form on that page will work correctly with the QuikStore system.
- Select the
Options button on the main form
To add
options to your products, select the "Options" button on the main form.
This will pop up the Create Product Option Form.
- Enter the option
number
You can have many options for each product. Each option
has its own option number. You might have an option for color (option 1) and an option for
size (option 2) for example.
- Enter the name of
the option
Each option also has its own option name. Option 1 might
be Color for example.
- Select the Option
Type
You can display options in 3 different ways:
- a Pull Down Box with several entries the user may select
from
- a series of Radio Buttons the user may select from
- a series of Checkboxes the user may select from.
Be careful with checkboxes. Checkboxes allow the user to
select more than one item for this option number. This could cause problems adding up the
correct prices. We suggest using checkboxes when there is only one single option to be
selected.
- Select the
"Add Option" button
The Add Option button allows you to define the option
details to be added to the list. See below for more detail on this.
- Select the
"Insert Option Code" button
When you are done adding option details to the list,
select the "Insert Option Code" button and it will insert the new options for
this product. If you are not using FrontPage, the button will be named copy to clipboard.
- Remove Items
button.
You can remove items from the list by selecting the
Remove Items button.
- Clear All button.
You can also clear out all of the items in the list by
selecting the Clear All button.
Option Details
To add details about an option, select the "Add
Option" button.
This will bring up the following window:
There are two main areas to this form:
- The Option Definition
The Option Definition is where you provide the details
about a specific option.
- The Value is the value that the user selects for this
specific option number.
- The Price is the amount that is applied, on top of the
base price, when the user selects this value.
- The Weight is the amount of weight that is added to the
product by selecting this option. This is especially helpful if you are defining your
shipping based on weight and the product weight will change if the user selects this value
for an option. (optional)
- The Label is the label that is displayed to the user in
the pull down box.
- The Option Configuration
- Set Option Label Automatically creates the Option Label
for you as you enter the definition.
- The Currency Symbol is so you can set the proper symbol
for your country.
- The Currency Symbol Placement
- Use Default Add text enters the Add Text into the label
for you automatically
- Add Text is the
text displayed in the label
- The First Option Text is used for pull down style options.
It is the first entry and has no value so if the user does not want any options, the first
option will not be applied to the product.
- Using the Save button adds the option value to the list.
- Using the Done button closes the Add Options window.
Continue to Template Page Overview. |
