New on the blog — Meet the agents: Z1, Reach & Ana
Sign up
Sign up
Z1
Creative & Storefront
Images & VideosEmailsPopups & FormsAI Storefront BuilderLanding PagesSoon
ANA
Analytics & Attribution
PixelsAttributionAnalytics
MogiuCreator & Affiliate Marketing
All products
Store BuildInfluencer MarketingPaid AdsAll services
Pricing
Get in Touch

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.

SettingOptionsDefaultNotes
Swatch styleColor swatches / Variant images / NoneVariant imagesWhat the color picker on the card looks like
DensityComfortable / CompactComfortableCompact tightens the grid gap and lets cards bleed toward the screen edge on mobile
Badge positionCorner / BelowCorner
Quick addon / offon"Add to bag" on hover (desktop) or inline under the picker (mobile)
Secondary image on hoveron / offon

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.

Previous

Color schemes

Next

Product badges and the badge: tag