Collection list: Label
Overview
The Collection List Label section displays a curated list of collections (up to 15). It’s designed to present collections in a structured layout, with optional heading content (tagline, heading, description) provided through preset static blocks. You can control the section’s container width, alignment, color scheme, and spacing separately for desktop and mobile.
Section Configuration:
Content
| Setting | Description |
|---|---|
| Collections | Selects which collections to display in this section (up to 15). |
Layout
| Setting | Description |
|---|---|
| Container layout | Controls how the section is sized on the page: page-width (boxed), contained-content, or container-fluid (full width). |
| Container size (Desktop) | Sets the maximum section width on desktop as a percentage (50%–100%). |
| Text alignment (Desktop) | Controls text alignment on desktop (left, center, right). |
| Text alignment (Mobile) | Controls text alignment on mobile (left, center, right). |
| Color scheme | Applies a theme color scheme to the section styling. |
Inner padding
| Setting | Description |
|---|---|
| Top (Desktop) | Adds space above the section’s inner content on desktop. |
| Bottom (Desktop) | Adds space below the section’s inner content on desktop. |
| Left (Desktop) | Adds space to the left of the section’s inner content on desktop. |
| Right (Desktop) | Adds space to the right of the section’s inner content on desktop. |
| Top (Mobile) | Adds space above the section’s inner content on mobile. |
| Bottom (Mobile) | Adds space below the section’s inner content on mobile. |
| Left (Mobile) | Adds space to the left of the section’s inner content on mobile. |
| Right (Mobile) | Adds space to the right of the section’s inner content on mobile. |
Outer padding
| Setting | Description |
|---|---|
| Top (Desktop) | Adds space above the section (outside the section content) on desktop. |
| Bottom (Desktop) | Adds space below the section (outside the section content) on desktop. |
| Left (Desktop) | Adds space on the left side of the section (outside) on desktop. |
| Right (Desktop) | Adds space on the right side of the section (outside) on desktop. |
| Top (Mobile) | Adds space above the section (outside) on mobile. |
| Bottom (Mobile) | Adds space below the section (outside) on mobile. |
| Left (Mobile) | Adds space on the left side of the section (outside) on mobile. |
| Right (Mobile) | Adds space on the right side of the section (outside) on mobile. |
Blocks Configuration
Section-level blocks
| Block type | Description |
|---|---|
| Theme block | Allows theme-provided blocks to be added to this section (based on what your theme supports). |
| App block | Allows compatible Shopify apps to add app blocks to this section. |
Preset static blocks (included by default)
Heading Head
This preset block provides the section’s introductory content area (tagline, heading, and description).
Heading Head: blocks
| Block | Description |
|---|---|
| Tagline | Displays a short line of text above the main heading (often used for a label or category-style intro). |
| Heading | Displays the main section heading/title. |
| Description | Displays supporting text beneath the heading, typically used to introduce the collection list. |
Note: The detailed settings for tagline/heading/description (text size, weight, case, spacing, etc.) are defined inside the blocks themselves and can vary based on how those blocks are implemented in your theme.
Collection List Label Block
| Block | Description |
|---|---|
| Collection list label block | Renders the selected collection list in the section’s designed “label” style/layout. This block is responsible for how the collections appear within the section. |