Product cards
A product card is the tile that appears in grids, carousels and search results. These three settings apply to all of them, everywhere.
| Setting | What it controls | Default |
|---|---|---|
| Show vendor | Adds the product’s vendor on a small muted line below the name. | Off |
| Show color swatches | Shows up to five colour dots for the product’s first colour option. | On |
| Show second image on hover | Crossfades to the product’s second image when the pointer is over the card. | On |
Show vendor
Section titled “Show vendor”Useful if you stock other brands. If every product’s vendor is your own name, leave it off — repeating your brand on every tile adds noise and tells shoppers nothing.
Colour swatches
Section titled “Colour swatches”Shows the colours a product comes in without the shopper opening it. Needs two things: the product has an option the theme recognises as a colour, and the colour names resolve to actual colours.
Both are handled under Swatches.
Hover image swap
Section titled “Hover image swap”Crossfades to the second image. The theme checks first — a product with only one image does not swap, so single-image products do not flicker or go blank.
Worth being deliberate about which image is second on your best sellers. A detail shot or an on-body shot earns the hover; another angle of the same thing does not.
Touch devices have no hover, so phone shoppers never see this. Do not rely on it to convey anything essential.
If it looks wrong
Section titled “If it looks wrong”Swatches show as text. The option name is not in the recognised list, or the colour names are not in the dictionary. See Swatches.
Nothing happens on hover. That product has only one image. Add a second.
The vendor line is empty. The product has no vendor set in Shopify.