Hyper Theme
Hyper Theme
Theme Settings

Color swatches

1 min read
image

How to enable Color swatches for your Shopify store

  1. Go to Product page > Product information.
  2. In the Variant picker, set the Style to Color swatches.
image

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

image

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.

image

Color swatches

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

image

Good practice ⭐

  • List the colors by separate lines.
  • Write the product variant names and give it a color HEX value.
Last updated

Cart

Previous Page

Colors

Next Page

ON THIS PAGE

How to enable Color swatches for your Shopify storeHow to set up Color swatchesColor swatch triggerColor swatches

Was this helpful?