Product grid
Last updated
Was this helpful?
Last updated
Was this helpful?
In the collection template, you can customize the layout and style if the product grid.
You can also add and customize .
Click the banner section to edit the general section styles for colors and spacing, available in all sections:
Change the number and layout of products. You can also display the number of product results.
Click Product grid section to find settings
Products per page
Set the maximum number of products to display per page.
1-50 Default: 20
Number of columns on desktop
Select the number of products per row on desktop screens.
2 3 Default 4
Number of columns on mobile
Select the number of products per row on mobile screens.
1 2 Default
Show total number of results
Display the total number of products in the collection.
Default: Enabled
In your theme editor, go to Theme settings > Product listings to customize the style and features of product cards.
To customize the product card styles, you can change the . These settings change all product cards across your site, including in featured collection and product recommendation sections.
Product card details
Show vendor, swatches, and rating stars.
Product image styles
Change image shape and show secondary image on hover.
Product badges
Show sale and sold-out badges.
Quick shopping
Show Quick view or Quick add button.
