Color Swatches

Color swatches are small visual indicators used on product variants that allow customers to easily view and select different color options directly on the product page.

Step

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to edit and click Customize.

  3. Click Theme Settings.

  4. Go to Theme Settings > Color Swatches

  5. Click Save

  • Enable Color Swatches: Enable or disable color swatches for product variants.

  • Swatch Type: Choose how swatches are displayed, such as variant images or color blocks.

  • Option Name: Define the product option name used for swatches (e.g. Color).

  • Maximum Number of Swatches to Show: Set the maximum number of swatches displayed on product cards.

  • Color Option Style: Select the swatch shape, either round or square.

Last updated