Product card
| Setting | Type | Default | Options and range |
|---|---|---|---|
| Applies to product cards everywhere: collection grids, featured collections, recommendations and search results. | |||
| Image on hover Applies to cards that show more images on hover. Scrub follows the pointer across up to four images; Fade shows the second. Touch screens always show the first. | Select | Scrub through images | |
| Text on glass Auto picks dark or light text for each glass element from the brightness of the photo behind it. | Select | Auto | |
| Swatches | |||
| Swatch shape | Select | Circle | |
| Swatch size | Select | Medium | |
| Swatches per card Applies to color swatches and to sibling products. Extra ones appear as a “+N” link. Also limits how many siblings each card prepares on the server. | Range | 6 | 2–10, step 1 |
| Product siblings | |||
| Show siblings on product cards Set up siblings in Theme settings › Product siblings. A product with siblings shows them instead of its color option. Shown when Theme settings › Product siblings › Show product siblings is on. | Checkbox | On | |
| Switch the card to the chosen sibling When off, card swatches link to the sibling’s page. Shown when Theme settings › Product siblings › Show product siblings is on and Theme settings › Product card › Show siblings on product cards is on. | Checkbox | On | |
| Preview on hover Shows the sibling’s image while a mouse rests on its swatch. Touch screens use a press. Shown when Theme settings › Product siblings › Show product siblings is on and Theme settings › Product card › Show siblings on product cards is on and Theme settings › Product card › Switch the card to the chosen sibling is on. | Checkbox | Off | |
| Show the selected color name Shown when Theme settings › Product siblings › Show product siblings is on and Theme settings › Product card › Show siblings on product cards is on. | Checkbox | Off | |
| Badges | |||
| Show “New” badge Shows a New badge on the cards of products that have the tag below. A card shows one badge: Sold out first, then New, then Sale. | Checkbox | On | |
| New badge tag Not case-sensitive. For example: new Shown when Theme settings › Product card › Show “New” badge is on. | Text | new | |