How to set up color swatches for products

Our Shopify themes allow you to show color swatches. No need to enable a plugin.

Both Charge and Relax themes support adding color swatches. There are 3 ways.

Adding swatches based on color names

The swatches will be based on CSS color names. See here the default color names supported by all browsers. It will help you to create swatch images for the specific colors and add them afterward.

Adding swatches based on images

You can also create custom swatches based on your chosen images. 

• If you're using the Relax design, please follow the article to get to know more.
• If you're using the Charge design, please follow the tips from this article.

Adding swatches based on HEX codes

• If you're using the Charge design, please look at how to show color swatches based on the HEX code.