Product grid

The Product grid section powers the display of your collection’s products. It’s where shoppers browse, filter, and sort items based on their preferences — all with a layout optimized for performance, flexibility, and mobile responsiveness.

#How to navigate to the Product grid

#How to edit a Product grid

#🔧 General and layout

#🔍 Filtering and Sorting

Allow your customers to filter collections and search results by product availability, price, color, and more.

Setting	Description
Enable filtering	Activate Shopify’s storefront filters. Learn how to customize filters
Enable sorting	Allow sorting by options like price, newest, best-selling, etc.
Desktop filter layout	Choose: - Left sidebar: - Right sidebar: - Drawer:
Group collapsible	Group filters in collapsible dropdowns.
Default state	Set filters as Collapsed or Expanded on load.
Open first group by default	If checked, the first filter group expands on page load.
Group heading size	Choose heading font size (Small, Medium, Large).
Show results count	Show how many results match the filters.
Filter color type	Choose between Inline color swatches or List view.

InlineList

#🔁 Pagination

Enable pagination in 3 ways:

Paging by numbersLoad more buttonInfinite scroll