Color swatches

Learn how to set up color swatches for your Shopify products.

How to enable Color swatches

How to set up Color swatches

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.

You can also add color swatches to your product and collection pages using images:

  1. Go to Shopify admin > Content > Files.

  2. Click Upload files.

3. Naming your swatch files:

  • Orange swatches would need to be named orange.png (capitals become lowercase).

  • Light blue swatches would need to be named light-blue.png (capitals become lowercase, spaces and other special characters become hyphens).

Here are some sample images for color swatches: light blue, cyan.

Last updated

Was this helpful?