Color swatches

With the Divine theme, you've got the opportunity to show color swatches for products. Let's start with general settings.

Go to the Online Store- Theme Settings - Color Swatches. Here, it is possible to:

• Set the names of the options available in your store.
• Enable the color swatches list.
• Specify HEX color codes, comma-separated. Then the swatch colors will be represented from different color models through hexadecimal values.

Note: First, you have to enable the color swatch list. Then you have to type the value, for example:

colorName: #000, anotherColorName: #fcfcfc

Adding custom swatches

First, you have to create custom images. Recommended properties 100х100px. The image type is PNG or JPG. The file name must have the handle name "color__".

Note: the handle name is equal to the product option (product variant) name.

Note: if you use the couleur or color, please note you should specify this name instead of the color. Remember to add this name to the Theme Settings - Swatches - Possible option names field.

Note: Use two lower underscores!

Example:

color__colorname.png or color__colorname.jpg

Then do as follows:

• Go to Admin - Content - Files.
• Download your new custom images.
• Review your products on the front end with the same color variant name. You will see your custom swatches.