Collection with banner
Overview
The Collection with Banner Section combines a featured image banner with a dynamic product slider, allowing you to showcase a curated collection alongside eye-catching visuals and text content.
Section Configuration:
Banner Settings
| Setting | Description |
|---|---|
| Image | Upload a banner image for the background. |
| Collection | Choose a collection to display products from. |
Product Card Settings
| Setting | Description |
|---|---|
| Media Size | Determines the aspect ratio of product images: Adapt, Square, Portrait, or Landscape. Default: Square. |
| Heading Size | Adjusts the product title size. Options: Small, Medium, Large. Default: Small. |
| Heading Weight | Sets the font weight for product titles. Options: Bold, Semi-Bold, Medium, Normal. Default: Semi-Bold. |
| Content Alignment | Aligns the product card content: Left, Center, or Right. Default: Center. |
| Show Price | Displays the product price. Default: Enabled. |
| Show Vendor | Displays the product vendor name. Default: Disabled. |
Slider Settings
| Setting | Description |
|---|---|
| Autoplay | Enables automatic sliding of products. Default: Disabled. |
| Navigation Arrows | Displays navigation arrows for the slider. Default: Enabled. |
| Slide Interval | Duration between slides in seconds. Range: 2–9 seconds. Default: 5 seconds. |
| Columns on Desktop | Number of products displayed per row on desktop. Range: 2–4. Default: 4. |
| Columns on Mobile | Number of products displayed per row on mobile. Options: 1 or 2. Default: 2. |
Layout and Design Settings
| Setting | Description |
|---|---|
| Full Width | Expands the section to the full width of the browser. Default: Disabled. |
| Text Alignment (Desktop) | Aligns the section content: Left, Center, or Right. Default: Center. |
| Text Alignment (Mobile) | Aligns the section content on mobile: Left, Center, or Right. Default: Center. |
| Color Scheme | Selects a predefined color scheme for the section. Default: Scheme1. |
Spacing
| Setting | Description |
|---|---|
| Top Padding | Adds space above the section. Range: 0–100px. Default: 50px. |
| Bottom Padding | Adds space below the section. Range: 0–100px. Default: 33px. |
Block Configration:
Blocks within this section allow you to add additional text elements like captions, headings, and descriptions.
Heading Block
| Setting | Description |
|---|---|
| Heading Text | Content of the heading. |
| Heading Size | Size of the heading text. Options: H1–H4. Default: H3. |
| Heading Weight | Font weight of the heading. Options: Bold, Semi-Bold, Medium, Normal. Default: Bold. |
| Spacing | Space below the heading in pixels. Range: 0–50px. Default: 10px. |
Description Block
| Setting | Description |
|---|---|
| Description Text | Text content for the description block. |
| Description Size | Size of the description text. Options: Small, Medium, Large, X-Large. Default: Medium. |
| Description Weight | Font weight for the description text. Options: Bold, Semi-Bold, Medium, Normal, Light. Default: Normal. |
| Spacing | Space below the description in pixels. Range: 0–50px. Default: 10px. |
Caption Block
| Setting | Description |
|---|---|
| Caption Text | Content of the caption. |
| Caption Size | Size of the caption text. Options: Small, Medium, Large, X-Large. Default: Small. |
| Caption Weight | Font weight for the caption. Options: Bold, Semi-Bold, Medium, Normal. Default: Normal. |
| Spacing | Space below the caption in pixels. Range: 0–50px. Default: 10px. |