Skip to main content

Variant option links

stylist variant color

Size variants are a great way to show your product size when an user hovers over the product card.

How to set up variant color swatches​

Stylist variant color

  1. Open the Theme Editor, and select a Product card block
  2. Select Variant option links block
  3. Turn off Variant inf. By default, it will show the first variant on hover.
  4. Choose First option for Display option. this will show the first variant (in this case: Size) as selectable pills for users when they hover.

You can also show the variant

  • Color swatch: Color variants appear as swatches. Learn more about Color swatches
  • Variant image: Color variants appear as the image set for product variants