Page status: Up to date | Application version: From 1.3.5.4

Create & edit products options

Skip this area is you do not use options to build your product variants.

The rule is that what you decide here to happen is same all over the website (it is a general rule).
Option name and Option values are unique records in database.
Option name can be Color, Size, Fragrance, Type etc. It will be the label for the choices the customers will have to make.
Option value is value you need to assign to current Option Name. In case of Color Option name, the Option value will be the actual color (for example red, yellow, green are Option values), in case of Size, the Option value will be the size number etc.
Option name and Option value can be one or more words. In case of Option value, the ‘,’ symbol (comma) is separator between two Option value.

There are two ways to add new Options name and Options values, use the one best suited to you:
- add new Options name and Options values directly into Edit product window in Option section (see Product options)
- add new Options name under Products options list and add new Options values under View / edit option (see below)

In case you need to alter an existing Options name or Options value, you can to do this only under View / edit option.

Add new option

To create new option name, click the blue Add new option button in Products options list.
To get to the Products options, click Options from Products section in left side menu. The Options will always open with Products options list.

After you click on the Add new option button (opposite to the window name), a new pop-up window will be displayed (Create product option (color, size, etc.)) asking you to input a name for your new option.
Input the option name and click the green Save button to create the new option.
A new option was created and it will be isolated in search result to make it easy accessible.

Edit the new created option and continue creating the option values for it.

To abandon creation of a new option after you click on Add new option button, close the Create product option window from the right corner close button.

View / edit option

In case you need to alter any of options, click the blue edit icon button at the end of option row in Products options list.
To get to the Products options list, click Options from Products section in left side menu.

After you click the edit icon button on option which you need to alter, the View / edit option window will open to allow you to see and change the content of that option.

In case you just created a new option, the new created option will be isolated in search results to allow you easy access to it. If you click on edit icon button for this new option, the View / edit option window will open to allow you to edit its content.

All field in this area are automatically saved once you leave the field.
The saved fields will turn light green background.
Any error in saving a field will be marked by a light red background. Check the content of that field (red field) and alter it if necessary.

The View / edit option window is split in two:
- in the first half of the window you will find details of the option itself;
- the second half of the window displays the existing Option values of current Option. Under the Option values list is the blue Add option value button in case you need to add a new value for current option.


Window name

The window name is an informative field. It will tell you where you are. In this case is the View / edit option: and followed by the option name and its id. The last one has debugging proposes only.


Option name

The option name is the label used for the option values you create under this Option.
Example of option names can be: Color, Size, Fragrance, Type and so on.


Type

Not in use yet.
Skip this field.


Show order

The Show order field will assist you to order the Options display in FRONTEND of the website based on the values (numbers) assigned in this field. The smallest number will be the first displayed (ascending order).
The Show order filed will assist you to have a unitary look throughout the website in regards with options display. For example I want always the fragrance to appear before color. So, I need to give to fragrance option name a smaller order number comparing with color option name.
Is recommended to use intervals big enough between numbers to be able to include other Option in between existent ones if needed in future.
You can order your options directly form the Product option list as well.


Options values

Each option is created to have values assigned to it.
An option name with its option value can create a product variant (same product with different features). There are cases when the product variant is created as combination of multiple options. But always try to keep it simple for you customers.
Example: a dress (the product) in color (the first option name) blue (the value for first option) and size (the second option) 6 (the value for the second option) makes the first product variant in opposition with the same dress (same product) in color (the first option name) red (the value for first option) and size (the second option) 7 (the value for the second option) which is another variant for my product.

This is the half of the window which deals with Options values only.
As you add new option values to the current option, the list of all Options values for current option will be displayed here.

The Options values list contains:
- the Name is actual option value
- Order of your Option values. In which order you want to appear the Option values.
- the red delete icon button.


Name in Options values

Name field of each Option value is the actual value of that record.
This text field can be altered at any time. Once you leave the field by clicking anywhere out, the field will auto-save. You can close the window, no saving required.

If you did a spelling mistake or you need to change an option value, this is the only place where you can change it.
The text you input in Name field will be part of product variant text (FRONTEND and BACKEND). The changes you make here, will be reflected in all products variants text that uses this option.

Keep a unitary format for all you options and options values.


Order in Options values

Display the options values in order you like.
Assign numbers to each of your option value. They will be displayed in ascended order.
Use intervals big enough between numbers to be able to include other options values between them when needed.


Delete icon button in Options values

Each option value has a red delete icon button at the end of its row.
This button is here to delete the option value corresponding to its row.

It is safe to click this button because if the option value is used in any of the products, the system will not complete deletion and you will receive a message explaining to you that the option value cannot be deleted. Click Ok button or close this error message.

When you click on this button, you will be prompted with a warning.
Click the blue OK button to confirm that you intend to delete the current option value.
Click the cancel button or close the window to cancel the deletion.


Add option value

To add a new value to an option while you are in View / edit option window, click the light blue Add option value button at the bottom of Option values list.
A new pop-up will be displayed to allow you enter a name for the new Option value. After you input the name, click OK button to add the new option value to the list.
If you want to abandon the process of adding the new option value close the Add option value window from the button on top right corner.

In case you fail to add a name for the option value and you click the OK button, an error message will be prompted to you to let you know what is wrong. Click the OK button on this window or just close it. Add the name and click OK to finalize the new option value.


Delete option and all its associated details

Press the Delete option and all its associated details button in case you want to delete the entire option.
It is safe to click this button because if the option is used in any of the products variants, the system will not complete the deletion and you will receive a message explaining to you that the option value cannot be deleted.

Click on Cancel button or close the window to abandon.


Close

Close button will close the View / edit option window and you will be landing on Products options list.
You can close this window at any time as all data is already saved for you in the moment you leave a field.
You have two close buttons, use the one convenient for you:
- one is on top right corner of the View / edit option window on same line with the window name
- one blue Close button on bottom right corner

On this page

Snapshots / images

Products option list

Products option list

If you work with products options, you will find all your option created under Products options list.
To get to Products options list, choose Options under Products in left side menu.

Option name & Option value

Option name & Option value (FRONTEND)

Option name, option value & product variants displayed in product details page on frontend.

Create new option

Create new option

To create a new option, click the add new option button.
A new pop-up window will ask you to input the name for the new option.
Input the name and click Save button to create the new option.
Close the window to abandon the creation of a new option.

New created option

New created option

After you click the Save button in Create product option window, the search will isolate the new created option for easy access.

View / edit option

View / edit option

After you choose the option which you want to change in Products option list, click the blue edit icon button (the last button on the option row) to edit it.
The View / edit option window will open to allow you to see it or change it.

Option value delete warning

Option value delete warning

If you press the delete icon button in option value row an warning message will be displayed to make sure this action was not an error.
Press OK button to confirm you want to delete the option value.

Option value delete error

Option value delete error

Error message shown if the option value is already used to build product variants. You cannot delete such a record to avoid database corruption.
To close the error pop-up click on blue OK button or close the window from close button (top right corner).

Add option value

Add option value

To add an option value click the blue Add option value button on the bottom of Option value list.
A new pop-up will be ready for you to input the Option value name.
After you input the option name, click the save button to finalize the new option value.
If you want to abandon the new option value creation, close the Add option value window.

Option value name massage

Option value name massage

This message appear in case you fail to input a name for your new option value.
Click OK button or close this pop-up to continue with the option value creation.

Delete entire option

Delete entire option

If you press the red Delete option and all its associated details button in View / edit option window an warning message will be displayed to make sure this action was not an error.
Press OK button to confirm you want to delete the entire option with all its values.
Or click cancel button to abandon.

Delete option error

Delete option error

Error message shown if the option is already used to build product variants. You cannot delete such a record to avoid database corruption.
To close the error pop-up click on blue OK button or close the window from close button (top right corner).

Headings