Collection page display
Product card swatches let shoppers browse colours without leaving the grid. This section covers where they appear, which options show, how many swatches fit on a card, and what a tap does.
Prerequisites
The Collection swatches app embed is on in your published theme. See Show swatches on collection pages.
What you can control
| What | Where | Guide |
|---|---|---|
| Which pages show card swatches | Where it applies, Product cards | Choose which pages show swatches |
| Which options appear on cards | Options, Collection page column | Choose which options appear on cards |
| The order of options on cards | Options, Reorder collection options | Style options in bulk |
| How many swatches fit | The card style's Max swatches per product | Limit swatches per card |
| What a tap does | Settings, Product cards | What a tap on a card swatch does |
| How card swatches look | Styles, Product cards tab | Styles |
Defaults
- One option per card: your most used colour option.
- Shown as small variant photos, up to five per card, then a +N that opens the product page.
- A tap switches the card's photo to that colour.
- Card swatches show on collection pages, search results, the home page and related products.
In this section
Need help?
Open the app and click Chat with us on the Dashboard for free setup assistance, or contact us with your store address and what you are stuck on.