Collection page
Collection page layout
How Vesperia structures category and collection pages — hero banner, filters, product grid, and the cross-sell sections beneath.
Anatomy of a collection page
- Hero banner — the collection image and description. Customizable per collection via Shopify’s native description and image.
- Filter & sort bar — facets along the top (or in a left drawer on desktop).
- Product grid — the main listing.
- Sections below — by default: Testimonials, Logo list, Newsletter signup.
Grid settings
- Cards per row (desktop) — 2, 3, 4, 5.
- Cards per row (mobile) — 1 or 2.
- Card aspect ratio — portrait / square / landscape.
- Products per page — affects pagination. 24-48 is typical.
- Pagination style — numbered / Load more / Infinite scroll.
Banner
- Show banner — toggle the collection hero on/off.
- Banner image source — Collection image (from Shopify Admin) or Custom (per-section override).
- Banner height — small / medium / large.
- Show description — toggle Shopify collection description below the banner.