Product grid

Traditional collection product grid section with mobile and desktop layout options

Feature products from collections with this rich modern product grid section:

Supports siblings swatches, animated product image slideshow, and Quick Add.

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.

Section only

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:

pageCollection product grid

Last updated