Product card styles
Product listing
Go to Theme settings > Product listing to customize the appearance of product cards.
Product card images
Change the shape (aspect ratio) of the product images, and enable a secondary image on hover.
Show second image on hover
Display the second product image when a cursor hovers over a product card.
Aspect ratio
Make product images consistent by cropping them to a square or rectangular shape. Select Natural to maintain their original shape without cropping.
Natural Portrait (2:3) Portrait (4:5) Square (1:1) Landscape (5:4) Landscape (3:2)
Product card details
Choose to show vendor names, swatches, and product ratings.
Show vendor
Show vendor
Show vendor names on product cards.
Show swatches
Go to Theme settings > Swatches to show swatches on product listings.
Enable product listing swatches
Show product ratings
Show product ratings
If you have a product reviews app, display ratings with either stars, the number of reviews, or both.
Rating & Count Default
Rating
Count
Last updated