Multirow
Overview:
The Multirow Section allows you to create versatile layouts with alternating media (images) and text content. It is highly customizable, making it ideal for showcasing promotions, features, or storytelling.
Section Configuration:
Layout Settings
| Setting | Description |
|---|---|
| Full Width | Expands the section to the full width of the browser. Default: Enabled. |
| Carousel Height | Sets the height of the section: Small, Medium, or Full Window Height. Default: Small. |
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: 50px. |
Block Configration:
Each block represents a row in the section, containing an image and accompanying text content. You can rearrange blocks and customize their layout independently.
Media Settings
| Setting | Description |
|---|---|
| Image | Upload an image for the row. |
| Media Order | Determines whether the image appears on the left or right: Row or Row Reverse. Default: Row. |
| Media Alignment | Adjusts the alignment of the media: Top, Middle, Bottom. Default: Middle. |
Text Content Settings
| Setting | Description |
|---|---|
| Caption Text | Adds a caption above the heading. |
| Caption Size | Sets the font size for the caption: Small, Medium, Large, X-Large. Default: Small. |
| Caption Weight | Adjusts the font weight for the caption: Bold, Semi-Bold, Medium, Normal. Default: Medium. |
| Heading Text | Adds a heading for the row. |
| Heading Size | Sets the heading size: H1, H2, H3, H4. Default: H3. |
| Heading Weight | Adjusts the font weight for the heading: Bold, Semi-Bold, Medium, Normal. Default: Bold. |
| Description Text | Adds a description paragraph below the heading. |
| Description Size | Adjusts the font size for the description: Small, Medium, Large, X-Large. Default: Small. |
| Description Weight | Adjusts the font weight for the description: Bold, Semi-Bold, Medium, Normal, Light. Default: Light. |
| Text Alignment (Desktop) | Aligns the text: Left, Center, Right. Default: Left. |
| Text Alignment (Mobile) | Aligns the text for mobile: Left, Center, Right. Default: Left. |
Button Settings
| Setting | Description |
|---|---|
| Button Label | Adds a label for the call-to-action button. |
| Button Type | Defines the button style: Primary or Secondary. Default: Primary. |
| Button Link | Specifies the URL the button should link to. |
| Open in New Tab | Opens the link in a new tab. Default: Disabled. |
Design Settings
| Setting | Description |
|---|---|
| Text Alignment | Aligns text content: Left, Center, Right. Default: Left. |
| Color Scheme | Applies a predefined color scheme to the block. Default: Scheme1. |