Skip to content

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.

SettingWhat it controlsDefault
Show vendorAdds the product’s vendor on a small muted line below the name.Off
Show color swatchesShows up to five colour dots for the product’s first colour option.On
Show second image on hoverCrossfades to the product’s second image when the pointer is over the card.On

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.

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.

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.

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.