Collection showcase
Overview:
The Collection Showcase section is designed to showcase multiple Shopify collections in an interactive, visually engaging reel-style layout. It supports collection tabs, featured collection cards, trust indicators, ratings, responsive product reels, slideshow functionality, typography customization, color schemes, and spacing controls. This section helps merchants highlight featured collections, trending categories, or curated shopping experiences in a modern carousel layout.
Section Configuration
Collection Settings:
| Setting | Description |
|---|---|
| Collections | Selects up to 10 Shopify collections displayed inside the collection showcase section. |
Tabset Settings:
These settings control the appearance of collection tabs displayed at the top of the section.
| Setting | Description |
|---|---|
| Tabset Text Size | Controls the size of tab labels such as Large, Medium, or Small. |
| Tabset Text Weight | Adjusts the font thickness ranging from Thin (100) to Black (900). |
| Tabset Text Case | Changes text transformation style such as Uppercase, Lowercase, Capitalize, or Default. |
| Tabset Font Family | Allows switching between Default and Heading font family styles. |
| Tabset Text Color Style | Applies predefined color styling to collection tab labels. |
Collection Card Settings
These settings control the appearance of collection product cards.
Card Heading Typography:
| Setting | Description |
|---|---|
| Card Heading Size | Controls the size of collection/product headings such as H6, Large, Medium, or Small. |
| Card Heading Weight | Adjusts the font thickness ranging from Thin (100) to Black (900). |
| Card Heading Case | Changes text transformation style such as Uppercase, Lowercase, Capitalize, or Default. |
| Card Heading Tag | Sets the HTML heading tag level from H1 to H6 for SEO and accessibility purposes. |
| Card Heading Font Family | Allows switching between Default and Body font family styles. |
| Card Heading Color Style | Applies predefined color styling to card headings. |
Caption & Overlay Settings:
| Setting | Description |
|---|---|
| Caption Background | Controls the overlay background displayed behind collection captions. |
| Caption Text Color | Controls text color displayed over collection captions. |
Trust & Rating Settings:
| Setting | Description |
|---|---|
| Trust Icon | Uploads a verification or trust badge icon displayed on collection cards. |
| Rating Color | Controls star or rating icon color. |
| Rating Background | Controls rating badge background color. |
| Rating Text Color | Controls text color displayed inside the rating badge. |
Product Pricing:
| Setting | Description |
|---|---|
| Show Unit Pricing | Displays product unit pricing when available. |
Grid Settings:
| Setting | Description |
|---|---|
| Desktop Grid Spacing | Adds spacing between collection reels on desktop devices. |
| Mobile Grid Spacing | Adds spacing between collection reels on mobile devices. |
Slideshow Settings:
| Setting | Description |
|---|---|
| Show Slideshow Arrows | Displays navigation arrows for switching between collection reels. |
| Enable Auto Play | Automatically rotates collection reels. |
Layout:
| Setting | Description |
|---|---|
| Desktop Reel Height | Controls collection reel height on desktop devices. |
| Mobile Reel Height | Controls collection reel height on mobile devices. |
| Container Layout | Determines whether the section uses Contained, Contained Content, or Full Width layout. |
| Container Width | Controls the maximum width of the section container on desktop devices. |