Product Grid & Filtering

Set up the Volume product grid: columns switcher, pagination, drawer/vertical/horizontal filters, and native Shopify color swatches support.

This section controls how products are displayed on collection pages. You can set the number of products shown before pagination, choose a pagination style, enable filtering and sorting, and configure product card appearance. Learn more about product card settings

Grid columns switcher

This feature allows you to define up to three different grid layouts and let customers toggle between them. The selected layout is saved to local storage and remains active while the customer browses within collection templates.

On mobile devices, only the default and preview grids are used. The secondary grid is disabled for mobile to maintain a consistent user experience.

To configure the grid switcher:

1

Set a default grid layout

2

Enable the secondary grid for a wider product view

3

Enable the preview grid, which displays product images only

---

Filtering

Choose from three filter layout styles:

• Drawer
• Vertical
• Horizontal

For Drawer and Vertical styles, you can define which tabs are expanded by default. Use the Tabs always open field and enter tab names separated by commas.

Filter configuration

The Volume theme fully supports native Shopify filters, including color swatches configured via category metafields—no coding required. When properly set up, these swatches appear consistently across product pages, collection filters, and product cards.

You can also configure the display of color swatches created using Metaobjects, ensuring consistency in visual filtering.

Learn how to set up category metafields for color filters

Learn how to use metaobjects for advanced filtering