Color swatch

In this article, you will find how to configure the first color swatch option.

Color swatch

Color variant options

In order to display the color swatch for all products correctly, you need to configure the Variant color options of all products.

1. From you Shopify Admin, go to Products

2. Select a product

3. In the Variants section, input the color option for each variant

4. After changes, click Save button on the top right of the screen

Color option

Note: No space between and the color name must be in this color list.

For examples:

• AliceBlue is correct, not Alice blue

• AntiqueWhite is correct, not Antique White

Color images

If you do not like the default color, you can upload the images for color.

• From your Shopify admin, go to Settings > Files

• Upload the images for color

• The image extension must be .png

Upload color images

Note: image file name must be lowercase and must be the same as color option.

For example:

• If the color option is Orange, the image file name should be orange.png

• If the color option is AliceBlue, the image file name should be alice-blue.png

• If the color option is AntiqueWhite, the image file name should be antique-white.png