Product card
Theme settings → Product card
Controls how a product looks anywhere it appears as a card — collection grids, carousels, search results, related products, etc. This is one global setting, so changing it updates every product card across the store.
- Aspect ratio — 1:1, 4:5, 3:4, 2:3, 4:3, or Auto. Default 1:1. Placeholder cards follow this too (square for Auto). Auto sizes each card to its product’s main image, so cards in a row can differ in height; hover and variant images fill the same shape.
- Show second image on hover — swaps to a second product image when a customer hovers the card. Default on.
- First image style — whether the primary image shown is the Product image or a Lifestyle image. Default: Product image.
- Second image style (only when “show second image on hover” is on) — same choice, for the hover image. Default: Product image.
- Blend product images with background — applies a multiply blend to images set to Product image, so white photo backgrounds take on the color scheme’s product media background and cut-out shots sit seamlessly on the card. Default on.
Settings
Section titled “Settings”- Show vendor — displays the product’s vendor/brand name on the card. Default off.
- Show compare-at price — shows the “was” price struck through when a product is on sale. Default on.
- Show badges — shows badges like “Sale” or “Sold out” (styled via Color schemes → Badges). Default on.
- Show swatches — shows color swatches for the product’s variant options directly on the card. Default off.
- Show quick add button — adds a quick “add to cart” control to the card. Default off.
- Enable quick view — opens a drawer with the variant picker when clicked, instead of going to the product page. Default off.
- Quick view color scheme (only when quick view is on) — the color scheme used inside the quick view drawer. Default: Scheme 1.
- Price position — Below title or Right of title. Default: Below title.