Add Options to your items

Here's how you can add options to your items to give your customers variety.

Frequently, people want to add options like color, size, and etc. to their selections. This is relatively easy to do. The only challenge is if it affects the SKU that results from the options selected. For example, if a black item SKU is b123 and a red item SKU is r123 you'll have more programming to do to make that happen.

Essentially, each item is set up as a form within your web page. So, if you have ten items on the page you'll have ten forms with the appropriate information in each form.

It's all based on a fairly simple piece of Javascript that you add to the header of your web page.

function showData(formid)
{
var addr="http://ww2.1safeweb.com/order.asp?userid=1002&continue=http://www.mysite.com"
for (var i=0; i < document.forms.length; i++)
{
if (document.forms[i].name=='form'+formid)
{
addr=addr+document.forms[i].LinkAddr.value;
if (document.forms[i].Option1!=null)
{
addr=addr+"&option1="+document.forms[i].Option1.value;
}
if (document.forms[i].Option2!=null)
{
addr=addr+"&option2="+document.forms[i].Option2.value;
}
if (document.forms[i].Quantity!=null)
{
addr=addr+"&quan="+document.forms[i].Quantity.value;
}
}
}
// NOTE - if you want to see the results without going to the shopping cart,
// just remove the // in the next line and add // to the beginning of the next line.
// Just REMEMBER to switch it back when you want to run for real!
// alert("addr="+addr);
window.location.assign(addr);
}
</script>

Note: Change the www.mysite.com to your web address and the UserId=1002 to your user id. It wont work if you don't!!!

The field LinkAddr must be a hidden field in each of your forms. It contains all the information about the item being ordered: Desc, Price, Taxable, Weight, Schedule, SKU, Package, Length, Width, Height.

Don't forget that you must NOT use spaces between words in your descriptions. Use a Plus Sign(+) instead. For example - The+best+item+in+the+world. 

The spelling and capitalization of the form items like Option1, Quantity, etc. must be the same in your form and in the Javascipt. If it's not, it won't work! Javascript is very fussy.

Here's a sample page with options that illustrates how it's done. You can use it as a model for your pages.