Banners with content
Overview:
The Banners with Content section combines side-by-side image banners with textual content, offering a flexible layout ideal for storytelling, branding, announcements, or highlighting store contact information.
Section Configuration:
Setting
|
Description
|
| Caption |
Adds a smaller heading above the section content. |
| Caption Size |
Sets the font size of the caption. |
| Caption Weight |
Sets the font weight of the caption. |
| Description |
Adds a rich text description below the caption. |
| Description Text Size |
Sets the font size for the section description. |
| Description Weight |
Sets the font weight for the description text. |
| First Image |
Uploads the first banner image (left or right depending on layout). |
| Second Image |
Uploads the second banner image. |
| Content Order |
Controls whether the banner images appear before or after the content (row or row-reverse). |
| Text Alignment (Desktop) |
Sets horizontal text alignment on desktop. |
| Text Alignment (Mobile) |
Sets horizontal text alignment on mobile. |
| Container Layout |
Defines the overall width of the section: Page Width, Contained Content, or Full Width. |
| Corner Radius |
Applies a corner rounding style to the section background container. |
| Color Scheme |
Applies a predefined color scheme to the section. |
| Top Padding |
Adds space above the section. Range: 0–100px. |
| Bottom Padding |
Adds space below the section. Range: 0–100px. |
Blocks Configuration:
Block Types
Heading Block
Setting
|
Description
|
| Heading |
Text for the heading displayed in the section. |
| Heading Size |
Sets the font size of the heading. |
| Heading Weight |
Sets the font weight of the heading. |
| Bottom Margin |
Adds vertical spacing below the heading block. |
Description Block
Setting
|
Description
|
| Text |
Rich text area for adding paragraphs or inline HTML. |
| Text Size |
Sets the font size for the description block. |
| Text Weight |
Sets the font weight of the description. |
| Bottom Margin |
Adds vertical spacing below the description block. |