# Collection product grid

Collection product grid features a versatile Quick Add drawer and siblings swatches and more:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FFz0s3ShmFGxuaCIuGOaL%2FKapture%202022-10-21%20at%2010.34.41.gif?alt=media&#x26;token=9aaadd1d-23f8-458d-84f2-0671d281db82" alt=""><figcaption></figcaption></figure>

### Mobile options

Mobile devices can be configured to view a carousel or stacked grid images:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FFnZtAzM7Uc8RouxSg8v7%2FScreenshot%202022-10-21%20at%2010.35.53%20AM.png?alt=media&#x26;token=e556e77e-3ab8-43fc-b738-ed88ee7465bf" alt=""><figcaption><p><strong>Carousel version</strong></p></figcaption></figure>

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FGf67rOtN9zv1n7fXvZUT%2FScreenshot%202022-10-21%20at%2010.42.27%20AM.png?alt=media&#x26;token=a80e3989-fc2f-4627-94d0-273ccee414c6" alt=""><figcaption><p><strong>Stacked grid version</strong></p></figcaption></figure>

### Quick Add

The Quick Add drawer allows customers to view all the product images and easily choose the correct variant option:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FWlRAUE2GuptTgmK5NiBZ%2FKapture%202022-10-21%20at%2010.45.09.gif?alt=media&#x26;token=b71c9b2d-250a-493a-943e-3783f67c6d2d" alt=""><figcaption></figcaption></figure>

### How to use

Video overview of settings, options for this section:

{% embed url="<https://www.loom.com/share/82f8a2055c4d481da7e092ccd49e5251?sid=5130f520-f4cd-46c5-8242-17ce9d3ace3f>" %}