Swatches

Variant options

Display your product variants as Swatches to make it easy for customers to view your product options at a glance.

Why are my swatches blank?

If your swatches appear blank, make sure that you are using an existing default color or that your image files and custom swatch names match your variant names. You may also need to add custom swatches for multiple languages.

Enable swatches


Swatches are enabled in your theme settings by adding the option name for your variants.

  1. Go to Theme settings > Swatches.

  2. Enter the exact name of the product options that you want to display as swatches (e.g., 'Color'). Enter multiple option names as a comma-separated list.

  3. Click Save.

Set up swatch colors


You can add swatches using default colors or custom colors added to your theme settings. You can also upload custom images to represent your product variants more precisely.

Use default colors for swatches

Use custom colors for swatches

Upload custom images for swatches

Swatch options


Go to Theme settings > Swatches to change how swatches appear across your store.

Show product listing swatches

Show product filter swatches

Change product page swatch size

Last updated

Was this helpful?