Collection list
Overview:
The Collection List section displays multiple featured collections in either a grid or a slideshow format. This section is useful for showcasing curated groups of products, such as seasonal lines, best sellers, or categories. The layout, visual styling, card content, and interactivity can all be customized.
Section Configuration:
Layout & Display
Setting |
Description |
| View Type |
Selects how collections are displayed: Grid or Slideshow. |
| Container Layout |
Sets the overall section container style. Options: Page Width, Contained Content, Container Fluid. |
| Corner Radius |
Controls rounding of the section's edges. Options include None, Top Only, Bottom Only, or Both. |
| Text Alignment (Desktop) |
Aligns all section text on desktop. Options: Left, Center, Right. |
| Text Alignment (Mobile) |
Aligns all section text on mobile devices. |
| Color Scheme |
Applies a visual theme to the section. |
Section Heading
Setting |
Description |
| Caption |
Adds optional subheading text above the main heading. |
| Caption Size |
Sets the size of the caption text. Options: Small, Medium, Large, X-Large. |
| Caption Weight |
Sets the font weight for the caption. |
| Heading |
Sets the main title text for the section. |
| Heading Size |
Determines the heading level (H1–H4) for styling. |
| Heading Weight |
Adjusts font weight of the heading. |
| Description |
Optional text that appears below the heading. |
| Description Size |
Sets the font size for the description. |
| Description Weight |
Sets the font weight for the description. |
| Max Header Width |
Limits the maximum width of heading content (as a percentage of page width). |
Card Settings
Setting |
Description |
| Card Heading Size |
Sets the size of the collection name displayed on each card. Options: H4–H6. |
| Card Heading Weight |
Sets the font weight for the card heading. |
| Card Media Size |
Defines the shape of collection images: Adapt, Square, Portrait, or Landscape. |
| Show Tags |
Displays any assigned custom tags on the collection cards. |
| Show Title |
Displays the collection name on each card. |
| Show Product Counts |
Shows how many products exist in each collection. |
| Show Animation on Hover |
Enables a visual effect when a user hovers over a collection card. |
| Show Animation Bar |
Adds a progress bar animation on hover. |
Grid & Slider Configuration
Setting |
Description |
| Desktop Columns |
Sets the number of columns to display on desktop (2–7). |
| Mobile Columns |
Sets the number of columns to display on mobile (1 or 2). |
Slideshow Behavior (if enabled)
Setting |
Description |
| Autoplay |
Enables automatic sliding between collection cards. |
| Show Pagination |
Displays pagination dots under the slideshow. |
| Change Slides Every |
Defines the interval (2–9 seconds) between automatic slide changes. |
Setting |
Description |
| Button Label |
Text displayed on the "View More" button. |
| Button Link |
URL where the button directs users. |
| Open in New Window |
Opens the link in a new browser tab when enabled. |
| Top Padding |
Sets the spacing above the section (in pixels). |
| Bottom Padding |
Sets the spacing below the section (in pixels). |
Blocks Configuration:
Block Type: Collection Block
Each Collection Block adds a featured collection card to the section.
Setting |
Description |
| Collection |
Selects the Shopify collection to feature in the card. |
| Custom Image |
Uploads an optional image to override the default collection image. |
| Custom Badges |
Adds optional visual tags using this format: {Tag,#BG-Color,#Text-Color}. |