Product Swatch

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

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

  3. Click Theme settings -> Product card -> Product swatch.

Setting
Description

Show product swatch

Toggle to show or hide product swatches on product card.

Swatch size on desktop

Fill in the desired size of a swatch on product card on desktop.

Swatch size on mobile

Fill in the desired size of a swatch on product card on mobile.

Number size

Determine the font size of the text showing the remaining number of swatches if the total swatches amount is more than 4.

Last updated