Collection carousel section with 4 distinct display modes.
Collection Carousel
The Collection Carousel section showcases your collections in a visual and interactive way with 4 display modes. From a classic card carousel to a full-screen showcase mode, it adapts to all presentation needs.
4 Display Modes
| Mode | Description | Ideal for |
|---|---|---|
| Carousel | Scrolling collection cards | Quick navigation, multiple collections |
| Showcase | Full-screen image with navigation | Maximum visual impact, featured content |
| Products | Products from a collection in carousel | Product discovery, upsell |
| Rows | Stacked rows: image + product list | Detailed presentation, catalog |
Main Settings
General
| Setting | Description | Options |
|---|---|---|
| Mode | Display mode | Carousel / Showcase / Products / Rows |
| Navigation | Show arrows | On / Off |
| Pagination | Show dots | On / Off |
| Autoplay | Automatic scrolling | Off / 3s / 5s / 7s / 10s |
Carousel Mode
| Setting | Description | Options |
|---|---|---|
| Visible cards | Number of cards on desktop | 2 / 3 / 4 / 5 |
| Card style | Appearance | Standard / Overlay text / Minimal |
| Image ratio | Proportions | Square / Portrait / Landscape |
| Show description | Show collection description | On / Off |
| Show counter | Number of products | On / Off |
Showcase Mode
| Setting | Description | Options |
|---|---|---|
| Height | Section height | Medium / Large / Full screen |
| Overlay | Dark overlay opacity | 0-100% |
| Content position | Text + CTA alignment | 9 positions |
| Transition | Animation between slides | Fade / Slide / Zoom |
Products Mode
| Setting | Description | Options |
|---|---|---|
| Products per view | Number of visible products | 2 / 3 / 4 / 5 |
| Product limit | Maximum number of products | 4-20 |
| Card style | Product card style | Theme default |
Rows Mode
| Setting | Description | Options |
|---|---|---|
| Image ratio | Collection image proportions | Square / Portrait / Landscape |
| Products per row | Number of products per row | 2 / 3 / 4 |
| Product limit | Products displayed per collection | 3-8 |
| "View all" button | Link to the full collection | On / Off |
Collection Item Block
Each collection is added via a block:
| Field | Description |
|---|---|
| Collection | Selected Shopify collection |
| Custom image | Custom image (replaces the collection image) |
| Custom title | Alternative title |
| Custom description | Alternative description |
| Button text | CTA text (e.g., "Discover") |
Use Cases
Collection Navigation (Homepage)
- Carousel mode with 4 visible cards
- Overlay text style for a premium look
- Portrait ratio
- Autoplay 5s
- 5-8 main collections
Seasonal Highlight
- Showcase mode in Full screen
- Overlay 30%
- Fade transition
- 2-3 featured seasonal collections
- Autoplay 7s
Product Discovery
- Products mode with 4 visible products
- A "New Arrivals" or "Best-sellers" collection
- Navigation enabled
- No autoplay
Full Catalog
- Stacked Rows mode
- Landscape image + 4 products per row
- "View all" button enabled
- 3-5 collections
💡Showcase mode has the most visual impact. Use high-quality images (min 1920x1080) and a light overlay (20-30%) to ensure readability of the overlaid text.
ℹ️In Products mode, the product cards use the same component as everywhere else in the theme. Global product card settings (promo badge, quick view, etc.) are applied automatically.