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.
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.
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.
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.
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.
Not in use yet.
Skip this field.
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.
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 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.
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.
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.
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.
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 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