Theme settings reference
/
2 min read
Product card settings
Configure every product card in Zalify Theme from one place — swatch style, density, quick add, hover image, badge position, and badge colors.
Product card settings (Theme settings → Product cards) apply to every product card — collection grids, featured collections, recommendations, search. Configure once; every surface matches.
| Setting | Options | Default | Notes |
|---|---|---|---|
| Swatch style | Color swatches / Variant images / None | Variant images | What the color picker on the card looks like |
| Density | Comfortable / Compact | Comfortable | Compact tightens the grid gap and lets cards bleed toward the screen edge on mobile |
| Badge position | Corner / Below | Corner | |
| Quick add | on / off | on | "Add to bag" on hover (desktop) or inline under the picker (mobile) |
| Secondary image on hover | on / off | on |
Badges
Badges have their own settings group (Theme settings → Badges): position, colors for the automatic badges, and label-matched styles for custom badge: product tags — covered in full in Product badges and the badge: tag.
Card corner rounding comes from Appearance — the card corner radius setting — so cards, hero backdrops, and story squares stay consistent.