The Product grid settings control how products appear when displayed on collection pages, certain home page sections, and more.
Adjust product card spacing
Under Product grid, select Enable product card spacing, then use the provided sliders to adjust the spacing for product cards. These cards are used for the Collection page, Search results page, and Featured collection home page section.
These settings only control the spacing and will not change the amount of products per row. Control how many products are shown per page by using the Collection page section settings.
Show recently viewed products
Select Enable recently viewed products to display recently-visited products. This will be displayed between the footer and the product page. Customers can erase their recently-viewed queue by clicking Clear recently viewed in the top-right corner.
Show a secondary image on cursor hover
Enable Show second product image on hover to show customers another product image when they hover the cursor over the product card. This feature will only work if there are multiple images for the product.
Draw more attention to the price by enabling Emphasize price. This will swap the position of the price and product title, as well as expand the font size for the price.
Select a product card aspect ratio
Determine how the product cards display the images with the Product aspect ratio dropdown. There are 7 options, divided into 2 categories: Uncropped and Cropped.
Using an Uncropped setting will generate white space around the image to create a uniform grid without cropping your image. The background in the editor indicates the applied white space, but will not appear on your storefront.