Collection with banner
Overview:
The Collection with banner section combines a promotional banner with a curated product collection. This section allows merchants to highlight a specific collection while adding an engaging visual element through a banner.
Section Configuration:
General Content
| Setting |
Description |
| Collection |
Select the collection to feature. |
| Section Caption |
A small text label above the heading. |
| Section Heading |
The main title of the section. |
| Heading Size |
Defines the heading size (h1–h4). Default: h4. |
| Heading Weight |
Adjusts the heading font weight (bold, semi-bold, medium, normal). Default: bold. |
| Section Description |
Additional text displayed below the heading. |
| Description Size |
Defines the description text size (small–xlarge). Default: small. |
| Description Weight |
Adjusts the description font weight (bold, semi-bold, medium, normal). Default: normal. |
| Max Header Width |
Sets the maximum width of the heading content. Default: 100%. |
Blocks Configuration:
| Setting |
Description |
| Banner Image |
Upload an image for the banner. |
| Banner Caption |
A small text label displayed on the banner. |
| Banner Heading |
The main title displayed within the banner. |
| Banner Heading Size |
Defines the heading size for the banner (h1–h4). Default: h4. |
| Banner Heading Weight |
Adjusts the heading font weight (bold, semi-bold, medium, normal). Default: bold. |
| Banner Description |
Additional text displayed within the banner. |
| Banner Text Size |
Adjusts the description text size (small–xlarge). Default: small. |
| Banner Text Weight |
Adjusts the description font weight (bold, semi-bold, medium, normal). Default: normal. |
| Banner Text Alignment |
Aligns text inside the banner (left, center, right). Default: left. |
| Banner Content Position |
Positions the text within the banner (top left, top right, center, bottom left, bottom right). Default: top left. |
| Banner Color Scheme |
Applies a predefined color scheme for the banner. Default: scheme4. |
Collection Display Settings
| Setting |
Description |
| Product Image Size |
Defines the aspect ratio of product images (Adapt, Square, Portrait). Default: Adapt. |
| Product Heading Size |
Adjusts the size of the product titles. Default: small. |
| Product Heading Weight |
Adjusts the font weight of the product titles. Default: normal. |
| Show Add to Cart Button |
Displays an "Add to Cart" button for each product. Default: true. |
| Enable Quick View |
Allows customers to preview the product in a modal. Default: true. |
| Show Swatches |
Displays available color or variant swatches. Default: true. |
| Show Price |
Displays the product price. Default: true. |
| Show Vendor |
Displays the product vendor/brand name. Default: true. |
| Show Stock Status |
Shows stock availability. Default: true. |
| Show Sale Tag |
Displays a "Sale" tag for discounted products. Default: false. |
Layout & Styling
| Setting |
Description |
| Enable Full-Width Layout |
Expands the section to full width. Default: false. |
| Text Alignment (Desktop) |
Aligns section text to the left, center, or right. Default: center. |
| Text Alignment (Mobile) |
Aligns text for mobile view. Default: center. |
| Section Color Scheme |
Applies a predefined color scheme. Default: scheme1. |
| Top Padding |
Adds spacing above the section (0–100px). Default: 50px. |
| Bottom Padding |
Adds spacing below the section (0–100px). Default: 33px. |
| Setting |
Description |
| Enable "View More" Button |
Displays a button linking to the full collection. Default: false. |
| Button Label |
Text displayed on the button. Default: "VIEW ALL". |