Product card
Product cards are used throughout the theme — in collections, search results, featured product sections, and recommendations. They're highly configurable.
Global product card settings
Configure in Theme settings → Product card.
| Setting | Description | Default |
|---|---|---|
| Show vendor | Display the product vendor | Off |
| Hover effect | Secondary image / Zoom / None | Secondary image |
| Enable image slider | Swipeable images on the card | Off |
| Slider max images | Maximum images in slider (2–10) | 5 |
| Show quick add | Quick add-to-cart button | On |
| Show color swatches | Color swatch options on card | Off |
| Maximum visible swatches | How many color swatches to draw on the card (2–10) | 4 |
| Image orientation | Original / Square / Portrait / Landscape | Portrait |
| Price varies display | Min / Max / Range | Min |
| Title lines | Max title lines before truncation (1–3) | 2 |
Color swatches on cards
When color swatches are enabled, product cards show the first four colors by default. Raise or lower that with Maximum visible swatches (2 to 10). Colors past the limit are not drawn on the card.
Hovering a swatch previews that color’s photo on the card; clicking it keeps the preview and re-points the card’s link, so the product page opens already on that color.
Swatch colors resolve the same way as on the product page. Gallery grouping for the product page itself is documented under Product media gallery → Group images by color.