1. What is Collection list: Showcase?
Collection list: Showcase is a section that displays a grid or carousel of your collections. It's a quick way to guide customers into your product categories.
2. Section Components
| Section | Collection list: Showcase | Display a grid or carousel of your collections. | |
|---|---|---|---|
| Available blocks |
1st-level available blocks (Blocks you can add directly inside the section) |
Collection list | Holds the grid/carousel of collections. Ships as one by default, pre-filled with 6 Collection cards. |
| Group | A generic container, for adding custom content alongside the collection grid. | ||
|
2nd-level available blocks (Blocks you can add inside Collection list only) |
> Collection card | Represents one collection - image, title, and item count. | |
| > Group | A generic container, for custom card layouts. | ||
|
3rd-level available blocks (Blocks you can add inside Collection card only) |
> Collection image | The collection's image. Static - always present, can be hidden but not removed or reordered. | |
| > Collection title | The collection's name. Addable multiple times, reorderable. | ||
| > Item count | The number of products in the collection. Addable multiple times, reorderable. | ||
| > Button | A generic call-to-action button. | ||
3. Location & Setup
To add this section:
- Open the Shopify Theme Editor (Online Store > Themes > Customize).
- Navigate to the page where you want to place this section.
- Click "Add section" and select Collection list: Showcase.
4. Common Use Cases
🤔 How to choose which collections are shown?
By default, each Collection card shows a placeholder ("Example collection"). To show your real collections:
STEP 1: Click on the Collection list block.
STEP 2: Under Collections, click "Select" and choose the collections you want to display, in the order you want them to appear. Each collection you pick fills one Collection card, in order.
STEP 3: Click "Save" when done.
💡 Note: To add or remove how many collections show, add or remove Collection card blocks inside Collection list, then update the Collections list to match.
🤔 How to switch between Grid and Carousel display?
STEP 1: Click on the Collection list block.
STEP 2: Set Display type (Desktop) and/or Display type (Mobile) to Grid or Carousel, independently.
- Grid: shows all collections at once. Adjust Items per row for desktop, tablet, and mobile.
- Carousel: lets customers scroll through collections. Set Auto-play every (0 disables auto-play) and toggle Show navigation arrows.
STEP 3: Click "Save" when done.
🤔 How to customize a Collection card?
Click on any Collection card to adjust its layout - by default, the image sits side-by-side with the title and item count on desktop (switching to image-above on mobile), with a border shown on both. Inside it, you can:
- Click Collection image to change the image ratio, add a secondary image, or override the image via a metafield.
- Click Collection title to adjust the heading tag/size, or override the title text via a metafield.
- Click Item count to customize the prefix/suffix text (e.g. "12 items").
To apply the same changes to every card, edit one Collection card, then use "Duplicate block" to copy it for the rest instead of repeating the setup each time.
5. Change Logs
Version 1.9.0 - July 2026
- New – Collection list: Showcase: New section displaying a grid or carousel of your collections, ready to use out of the box.
6. Support Information
Need help? Contact our support team at Omni Themes Support
