Product listings
Last updated
Last updated
Product listings are grids or rows of products displayed on collection pages and theme sections. Each product card displays the product's image, title, and price.
Go to Theme settings > Product listings to customize the appearance of product cards and choose to show additional elements, like Quick shop for adding products directly to the cart and Product badges.
Change the shape (aspect ratio) and fit of product images, and enable a secondary image on hover.
Show second image on hover
Display the second product image when hovered over.
Image aspect ratio
Choose to crop all product images to be a single uniform shape. Select Portrait (2:3), Square (1:1), or Landscape (3:2). Select Natural to display images in their original shape (without cropping). Learn more about aspect ratios in our Image settings guide.
Choose whether to show sale, sold out, and custom badges on the products.
To set up custom product badges, including colors and labels, see the Product badges guide.
Show "Sale" badge
Display badges for products on sale.
Show "Sold-out" badge
Display badges for products with no stock.
Show custom badges
Display custom badges created in the Product badges theme settings.
Related links