Collection Sections
Wave includes 20 collection section variants for showcasing your product collections in different layouts and styles.
Featured Collections
Standard sections for highlighting specific collections with product grids.
| Section | Description |
|---|---|
| Featured collection | Tab switching between collections with product carousel |
| Featured product slider | Split heading with carousel and side navigation |
| Collections list tab | Header with simple content grid and collection switching |
| Collections with hotspot | Large featured image with pill list and product hotspots |
Common features: Collection title, product count, "View all" link, configurable grid columns, product card styles.
Collection Display Sections
Sections designed to showcase collections themselves (not individual products).
| Section | Description |
|---|---|
| Collection Grid | Grid of collection cards with images and titles |
| Collection List Tab | Tabbed interface switching between collections |
| Collection Showcase | Large featured collection with prominent imagery |
| Collection Featured | Highlighted collection with custom layout |
| Collection Frame | Collection displayed within a decorative frame |
| Collection Explore | Interactive collection browsing experience |
| Collection Highlight | Single collection spotlight with detailed info |
Collection with Tabs & Carousels
Sections that combine multiple collections with interactive navigation.
| Section | Description |
|---|---|
| Collection Tabs Carousel | Tabs to switch collections, products in a carousel |
| Collection Tabs Grid | Tabs to switch collections, products in a grid |
Collection with Effects
Sections featuring visual effects and advanced layouts.
| Section | Description |
|---|---|
| Collection freedom: Drift | Freedom layout with parallax scroll and title link navigation |
| Collection freedom: Orbit | Freedom layout with button overlays and parallax scroll |
| Collection Image Text | Collection paired with descriptive text and image |
| Collection Interactive | Interactive hover/click effects on collection items |
Specialty Collections
| Section | Description |
|---|---|
| Collection Bundle | Bundle products from a collection together |
| Collection Routine | Step-by-step product routine from a collection (skincare, etc.) |
| Kid Collection | Collection display designed for children's products |
Choosing the right collection section
- Product showcase: Use Featured Collection variants to display products from a collection.
- Category browsing: Use Collection Grid, Collection List Tab, or Collection Showcase to help customers navigate between collections.
- Visual storytelling: Use Collection freedom (Drift/Orbit) or Collection Interactive for high-impact visual displays.
- Industry-specific: Use Collection Routine for beauty/skincare routines or Kid Collection for children's stores.