Call us today - 0800 634 8283
Call 0800 634 8283

Product Options (Product Attributes)

You can assign product options and additional images to a product once it has been created by clicking on the “Product Options” and “Additional Images” links under the product name in the category level products list, as shown in the screen-shot below.

Product Options

There are 3 different options under “Product Options” – “Option”, “Subcomponent” and “Subcomponent Selection”.

Option 1 – “Option”:

Options are used to define the properties, variations or accessories of a product. Colour, size, shape, etc. can all be classified as options. For example, there could be a product ‘LG Television’ with 32”, 37” and 42” option values. These option values can be grouped under the option name “Screen Size”.

The fields available when you add a new Option are explained below:

Option Order – This determines the position of this option if more than one option is used for a product.

Option Name – This is the name of the option, for example: Size, Colour, etc.

Option Control – There are a few standard option controls available. The display format for these are shown in the screen-shots below:

Show Property On – Here you can decide which pages the option will be shown on using the tick boxes.

Option Required – If this option is ticked, then the customer must choose one of the option values in order to proceed with the purchase of this product.

Options Values

Value – This is the option value for the particular option, for example: Red, Green, 15”, 27”, etc.

Product Code – This can be the internal stock code or part number.

Manufacturer Code – This can be the OEM or Manufacturer code.

Selling – This is the selling price of the product option value in addition to the product list price (this can be left blank if the option value doesn't incur an additional cost). For example, in the screen-shot below, for the option “Size” the option value “16GB” has a selling price of £100, meaning that this option costs £100 more than the product list price of £400, so the total product price with this option is £500 (note: the list price is entered in the add/edit product section).

Percentage – You can enter a percentage here so that the option value will be priced at an additional percentage of the product list price, for example 10%.

Buying – This is the buying price used for internal reference and reports.

Weight – This is the option value weight.

Qty – This is the stock level of that particular option value.

Uploads – You can use assign images to option values by using this field, for example colour swatches.

DefaultTicking this box makes this option value the default value, meaning that when the product page is loaded, this option will be selected as default. The below screen-shot shows “Size: 16GB” as a default option.

HideTicking this box hides this particular option value from the website.

Deleten order to delete a particular option value, tick this box and then click the “Update” button at the bottom of the page.

“Add More” buttonBy default, the system shows 5 field sets to enter option values. If you require more option values for a particular option, click on the “Add More” button to add more field sets.

In addition to the general settings above, there are two extra tabs on the option page for “Options Appearance” and “Javascript Settings”. These are advanced controls available which affect the appearance and functionality of the options. You need to be familiar with Javascript, CSS and HTML in order to use these.

Once you have finished adding option values, click on the “Add” button at the bottom of the page to add the option and option values to the product.

Adding more options:
The system does not restrict the number of options that can be added to a product. To add more options to a product, simply repeat the above process. The screen-shot below shows a product with 2 options – “Size” and “Colour”. The control for the “Size” option is “List Box” and the control for the “Colour” option is s“Radio Button”.

To edit previously created options and option values, click on the “Edit” link against the option.

Once you have edited an option, click on the “Update” button at the bottom of the page to save any changes.

You can also delete an option and all of it's option values by clicking on the “Delete” button at the bottom of the page.

Option 2 – “Subcomponent”:

This section can be used to create a bundle by adding extra products to the main product. Note that subcomponents are automatically added to the basket along with the parent product – if you want the subcomponent products to be optional, see “Option 3 – Subcomponent Selection” below.

The fields available when you create a Subcomponent are explained below:

Subcomponent ID – This is the product ID of the product that you wish to add as a subcomponent to the main product. You can use the “Select Product' link to  browse through all the products in your catalogue and select the required product to add. This will automatically populate the “Subcomponent ID” and “Subcomponent Name” fields.

Subcomponent Name – This is the name of the subcomponent product.

Quantity – Bundles can be created by using 1 or more quantities of the subcomponent product. You can use this field to specify the quantity of the subcomponent product.

Cart Quantity – Here you can control the quantity of the complete bundle in relation with the above “Quantity” field.

Subcomponent Price – You can override the basic price of the subcomponent product using this field.

Trade Price – This field is used to specify the price on the subcomponent product for trade users.

Option 3 – “Subcomponent Selection”:

This works in the same way as “Subcomponents” but gives you the ability to add multiple add-on products instead of one. It also allows the subcomponents to be optional (using drop-down lists, tick boxes or radio buttons) rather than automatically added to the basket with the parent product.


Documentation Latest
Sayu Web Admin Control
12 02 2015 23:00
Category Path
12 02 2015 22:00
Add Category
12 02 2015 21:00
Change Category Order
12 02 2015 20:00
Add Products
12 02 2015 19:00
Additional Images (Product Attributes)
12 02 2015 17:00
Product Export
12 02 2015 16:00
Product Import
12 02 2015 15:00
CMS Section
12 02 2015 14:00
Custom Blocks
12 02 2015 13:00
Custom Pages
12 02 2015 12:00
Custom Menus
12 02 2015 11:00
Footer Links
12 02 2015 10:00
Sales/Order Management
12 02 2015 9:00
Bulk Order Maintenance
12 02 2015 8:00
Single Order Maintenance - View/Edit
12 02 2015 7:00