👍 The perfect Shopify theme for your business. Buy now  

Header background

Product swatches

Huong_ Blueskytechco

Written by Huong_ Blueskytechco

Last updated

How to setup color swatches?

Create your online store today with Shopify

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

    https://youtu.be/62V0kU2RXg4

We uses cookies to ensure you get the best experience on our website.