Product swatches

How to setup color swatches?

Step:

  1. From your admin, click to Products then add new or select the exist products that you want to setup color swatches

  2. Scroll down and click to This product has options, like size or color checkbox

  3. Set Option name to Color and Option values to the colors of products

  4. Click Save

  5. After Saving product, scroll down to Options again and set images for each variant.

  6. Click Save and you can see the result in front store

How to custom color in product?

Sometimes your product has special colors,so that the Color Swatches will not understand the color and will use the product image instead. To display the custom colors of the product, you can follow the following steps:

Step:

  1. From your admin, click to Online Store -> Themes -> Customize

  2. Scroll down from editor and you can see section names Custom Color

  3. Add new custom color with color name and color code

  4. Click Save and you can see the result in front store

Last updated