🧩 Swatch card

✨Demo product: Swatch card (password: 1)

Function

Displays each variant as a card showing variant image, option value, and price (optional) in a single layout.

How it works

  • Each option appears inside a polaroid-style card

  • Customers can see key variant details at a glance before selecting

Use when

  • Variants differ in appearance and price

  • You want customers to compare options easily without clicking back and forth

How to use Swatch Card

1

Change the display type to Swatch Card > Click Save

2

Choose the swatch source:

  • Auto Image Swatch → Uses the variant images already set in your Shopify product

  • Custom Swatch → Upload your own images or use solid colors (hex codes) for each variant

3

Click Save to apply changes

How it looks on your store

  • Product page:

Last updated