Image banner
Overview:
The Image banner section allows merchants to display a full-width image or video with customizable text, buttons, and overlay effects. This section is great for highlighting promotions, featured collections, or brand messages.
Section Configuration:
General Settings
| Setting | Description |
|---|---|
| Image | Upload an image for the banner. |
| Enable Parallax Effect | Adds a scrolling parallax effect to the image. Default: Off. |
| Video | Upload a video to replace the banner image. The video plays automatically without controls. |
| Section Height | Defines the banner height (Small, Medium, Full Window Height). Default: Medium. |
| Max Content Width | Controls the maximum width of text and buttons within the banner. Default: 65%. |
| Content Alignment | Positions content within the banner (Top, Middle, Bottom). Default: Middle. |
| Text Alignment (Desktop) | Aligns text (Left, Center, Right) for desktop. Default: Center. |
| Text Alignment (Mobile) | Aligns text for mobile view. Default: Center. |
| Overlay Color | Adds a semi-transparent overlay to improve text visibility. Default: Dark gradient. |
| Color Scheme | Applies a predefined color scheme. Default: Scheme2. |
Blocks Configuration:
Heading Block
Adds a main title to the banner.
| Setting | Description |
|---|---|
| Heading Text | The main title of the banner. |
| Size | Defines heading size (H1–H4). Default: H3. |
| Font Weight | Adjusts heading weight (Bold, Semi-Bold, Medium, Normal). Default: Bold. |
| Bottom Margin | Adjusts spacing below the heading. Default: 0px. |
Description Block
Adds a text description below the heading.
| Setting | Description |
|---|---|
| Text Content | The description text. |
| Size | Defines text size (Small–X-Large). Default: Large. |
| Font Weight | Adjusts text weight (Bold, Semi-Bold, Medium, Normal, Light). Default: Normal. |
| Bottom Margin | Adjusts spacing below the text. Default: 50px. |
Button Block
Adds a clickable button to the banner.
| Setting | Description |
|---|---|
| Button Label | Text displayed on the button. Default: "BUTTON LABEL". |
| Button Type | Selects button style (Primary, Secondary). Default: Primary. |
| Button Link | URL to navigate when clicked. |
| Open in New Tab | Opens the link in a new browser tab. Default: Off. |
| Bottom Margin | Adjusts spacing below the button. Default: 0px. |
Caption Block
Adds a small label above the heading.
| Setting | Description |
|---|---|
| Caption Text | The caption text. Default: “BANNER CAPTION” |
| Size | Defines caption size (Small–X-Large). Default: Large. |
| Font Weight | Adjusts caption weight (Bold, Semi-Bold, Medium, Normal). Default: Normal. |
| Bottom Margin | Adjusts spacing below the caption. Default: 50px. |