Variants and Swatches
The variants and swatches are managed from Theme settings > Variants and Swatches
.
Swatches option name
In this field, you can specify which option should show as swatches.
Usually, this is Color
but you can specify any other option as needed.
Hex Codes
In this field, you need to specify which variant title what color is representing.
The variant title should be the same as listed in the field.
For example, if you have a color variant called Dark blue
, then you should use the same name here.
The structure for the swatches is as follows:
[VARIANT_TITLE]|[COLOR_CODE]
Example: Blue|#446acc
If you need to use an image for the swatch, you can do so by uploading the image in the files of the store - Settings > Files
. Then instead of the HEX code of the color place the file name.
Example: Silver|c-swatch.png
Size option name
In this field you can specify next to which variant title should the Size guide
link show.
Last updated