Multipurpose theme documentation
Multipurpose Fashion Theme
Collection Page Overview
Multipurpose Fashion Theme
Theme: Multipurpose Fashion Theme
Help Center > Sections & Blocks > Collection Page > Overview
Overview
The collection page is where customers browse products within a category. It displays the collection header (title, description), product filters, sorting options, product grid, and optional sections like related collections. This guide covers the collection page structure, templates, and how to customize it for merchants, prospective merchants, and theme reviewers.
Collection Page Structure
A typical collection page includes:
| Area | Content | Purpose |
|---|---|---|
| Collection header | Title, description, image (if enabled) | Introduces the collection |
| Filters sidebar/drawer | Filter by availability, price, type, vendor, tags | Narrow results |
| Sort | Sort by featured, price, newest, best selling | Order products |
| Product grid | Grid of product cards | Main listing |
| Pagination / Infinite scroll | Load more products | Navigate through results |
| Related collections | Other collections (optional) | Cross-navigation |
Collection Templates
The theme uses collection templates to control layout. Each template defines which sections appear and in what order.
| Template | Use case |
|---|---|
| Default collection | Standard collection layout |
| collection.custom | Custom layout (if created) |
How to customize the collection page
- Go to Online Store > Themes > Customize.
- Select Collections from the template dropdown (or a specific collection).
- Click Add section or Remove on existing sections.
- Drag sections to reorder.
- Configure each section's settings.
- Save.
📷 Image placeholder: Add a screenshot of the collection page in Theme Customizer with sections visible.
Sections on the Collection Page
Collection-specific sections
| Section | Description |
|---|---|
| Collection header | Title, description, image |
| Product grid | Grid of products from the collection |
| Product filter | Filter by availability, price, type, vendor, etc. |
| Related collections | Links to related or suggested collections |
General sections (can be added)
- Rich text Pro
- Featured collection
- Category list
- Testimonials
- Recently viewed (may appear on collection template)
Collection Header
The collection header typically shows:
- Collection title - From collection settings
- Collection description - Optional; from collection settings
- Collection image - Optional; from collection settings or first product
- Product count - "X products" (if theme supports)
Configure in Shopify Admin > Products > Collections > [Collection] > Edit.
Product Grid
The main content is the Product Grid section. It displays products from the current collection with filters, sorting, and layout options. Settings include:
- Collection header (title, description, banner image)
- Filters (Search & Discovery; Product type & Vendor)
- Sorting, layout switch (large/small grid, list view)
- Products per page (8-48), desktop/tablet/mobile columns
- Image ratio, quick add, quick view, badges
- Infinite scroll
Product tile styling (images, badges, quick add) comes from Theme settings > Product tiles and Products. See Main Collection Product Grid for details.
Infinite Scroll
The theme may support infinite scroll-products load automatically as the customer scrolls down, without pagination. Check Theme settings or collection template for this option.
For merchants
- Add clear collection titles and descriptions for SEO and usability.
- Use filters to help customers find products quickly.
- Ensure collections have products and good cover images.
- Consider related collections for cross-navigation.
- Test on mobile-filters and grid should work well on small screens.