What’s on the card

• Product image (primary). Optional hover image (second image of the product).
• Vendor (small caps).
• Product title.
• Price + compare-at price + savings tag.
• Color swatches (if the product has color variants OR linked-product metafield).
• Rating stars (when reviews app is connected).
• Sale badge / New badge / Sold-out overlay.
• Quick view button (on hover).
• Quick add button (on hover, when no variants).

Settings (Theme settings → Shape and style)

• Card corner radius — from sharp 0 to fully rounded 24.
• Image aspect ratio — 1:1 / 3:4 / 4:5.
• Card background — transparent / solid color / subtle gradient.
• Card hover behavior — None / Image swap to second image / Zoom / Lift.

Badges

• Sale badge — shown when compare_at_price > price. Customizable text.
• New badge — shown for the first N days after product creation. Configurable.
• Sold out — shown when all variants are unavailable.