Seventh > Pages > Collection page

The Collection page showcases a curated group of products and is the main browsing experience for a collection. It gives customers context through the collection title and description, then lets them scan, filter, and sort products to find what they need.

What it does

This page displays:

• A grid of collection products
• Collection title and description
• Filters and sorting tools when enabled

Sections and blocks

Collection header

The collection header contains a few dedicated blocks, such as:

• Collection title (displays the title of the collection)
• Collection count (displays how many products a collection has)

Collection grid

The collection grid is the heart of the page. It arranges product cards into a consistent layout, supports pagination or load‑more behaviors depending on theme settings, and can surface product details like price, badges, and quick actions directly in the grid for faster shopping.

Filters help shoppers narrow results by attributes such as size, color, price range, availability, or product type, depending on how your store is configured. When filters are enabled, they update the product list to match the selected criteria, making large collections easier to navigate.

Styling the collection grid works in the same way as styling any other sections. You have section settings and card settings.

Promo card

Lastly, this section also supports promo cards, which are content cards that can be placed anywhere inside the grid, in order to highlight discounts, special campaigns or simply for illustrative purposes.

Troubleshooting

• If products are missing, verify the collection rules
• If filters don’t show, ensure filter settings are enabled or filters are created in the app.