Product Card
The product card block wraps the shared product-card snippet and places it inside either a Splide carousel slide or a plain grid cell, depending on the parent section’s configuration. It supports per-block image overrides, a hover image for swap effects, and inherits display options like reviews, pricing, variants, and quick-add from the parent section’s settings.
Settings
Section titled “Settings”| Setting | What it does |
|---|---|
| Block ID | An optional anchor ID for deep-linking or scroll-to navigation. Must be unique on the page. |
| Product | The Shopify product to feature in this card. |
| Featured image | Overrides the product’s default featured image. |
| Hover image | A secondary image that appears on hover. If left empty, no hover swap effect is shown. |
| Title | Overrides the product’s native title. Leave blank to use the product title. |
| Subtitle | A short description or tagline displayed beneath the title. |
Used in
Section titled “Used in”- Display toggles like reviews, price, variants, quick-add, and card aspect ratio are controlled at the section level, not per block. This keeps every card in a row visually consistent.
- The hover image swap only activates when the parent section has the swap setting enabled and the block has a hover image assigned.
- Always assign a product. Without one, the card renders empty since there is no placeholder fallback.
- If a product has a
nama.promo_campaignmetaobject attached, the card shows a colored badge pill on the image (top-right) and a campaign note below the price. The generic “on sale” label is hidden when a campaign note is present. Badge color defaults to persimmon (#F06652). These fields come from the metaobject, not from block or section settings.