Color swatches

How to enable Color swatches

Steps

Define which is the color option and separate them by a comma.

Choose the suitable HEX color codes and add them to the provided box.

Good practice ⭐

List the colors by separate lines.
Write the color name from the product option and separate options with the color HEX value.

Orange swatches would need to be named orange.png (capitals become lowercase).
Light blue swatches would need to be named light-blue.png (capitals become lowercase, spaces and other special characters become hyphens).

Here are some sample images for color swatches: light blue, cyan.

.jpg files will not be shown, you must use .png

Last updated 12 days ago