Variant swatches on collection pages

Variant swatches are no longer limited to product pages. They now appear directly on collection pages, letting shoppers browse through color, size, and style options right from the product grid.

When a shopper clicks a swatch on a collection page, the product card updates instantly - image, price, and link all switch to match the selected variant. No page load needed.

The widget detects product cards automatically across 50+ Shopify themes, so it works out of the box for most stores. Try it on our demo store.

Setup

1. Go to Manage widgets in the app and enable the Collection widget
2. Select the theme you want to install the widget on
3. Click Enable app embed - this opens the Shopify theme editor with the widget pre-selected
4. Click Save in the theme editor

Once enabled, you can configure swatch size, alignment, and how many swatches to show per product before collapsing into a “+N more” indicator in Appearance > Collections.