Color swatches

How to enable Color swatches for your Shopify store

Product page - Product information section

1. Go to Product page > Product information.

2. In the Variant picker, set the Style to Color swatches.

Product cards

Go to Theme settings > Product cards to enable Color swatches.

See more on how to customize Product cards:

Product cards

How to set up Color swatches

Steps

1. In the theme editor (Customize), click Theme settings

2. Locate Color swatches

3. Make necessary changes

4. Save

Color swatch trigger

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

Color swatches

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

Good practice ⭐

• List the colors by separate lines.

• Write the product variant names and give it a color HEX value.