Product grid
Traditional collection product grid section with mobile and desktop layout options
Last updated
Traditional collection product grid section with mobile and desktop layout options
Last updated
Feature products from collections with this rich modern product grid section:
Supports siblings swatches, animated product image slideshow, and Quick Add.
The Quick Add drawer allows customers to view all the product images and easily choose the correct variant option:
Section settings include heading title, collection, products per row for desktop and mobile, section background color, a show all button, and section padding.
Pipeline can show both a Quick Add and Quick View option.
If you have more than one variant option and the swatches option isn't enabled for the "color" variant option, the Quick View feature is shown.
When the number of variant options is more than 15, or the combined length of the variant options is more than 90 characters, it will show the Quick View feature.
The Product grid section only uses section settings to configure. This design is a quick and simple section to feature one collection. For the block version with additional options and to also display multiple collections in one, see the Collection product grid section:
Collection product grid
