Multicolumn
Overview:
The "Multicolumn" section allows you to display content in multiple columns, either in a grid or as a slideshow, with options for text, images, and buttons. This section is ideal for showcasing product categories, features, or any other grouped content.
Section Configuration:
Layout Settings
| Setting | Description |
|---|---|
| Heading | The main heading for the section. |
| Heading Size | Controls the size of the heading. Options: XX-Large, X-Large, Large, Medium. |
| Description | Additional text content that provides more details or context. |
| Text Size | Controls the size of the description text. Options: X-Large, Large, Medium, Small. |
| Number of Columns (Desktop) | Defines how many columns to display on desktop. Range: 2-6. |
| Number of Columns (Mobile) | Defines how many columns to display on mobile devices. Options: 1, 2. |
| Mobile Query Width | Sets the minimum screen width at which the mobile column settings apply. Range: 416-640px. |
| Card Media Width | Determines the width of the media (image) inside each column. Options: Adapt, One-third, Half, Full. |
| Card Media Size | Determines the size of the media (image) inside each column. Options: Adapt, Square, Portrait, Landscape. |
| Card Heading Size | Defines the size of the heading within each column. Options: Medium, Small, X-Small. |
| Text Alignment (Desktop) | Aligns the text within the columns on desktop. Options: Left, Center, Right. |
| Text Alignment (Mobile) | Aligns the text within the columns on mobile devices. Options: Left, Center, Right. |
| Color Scheme | Selects the color scheme for the section. |
| Enable Slideshow | Converts the columns into a slideshow. |
| Auto Play | Automatically cycles through slides in the slideshow mode. |
| Show Navigation Arrows | Displays navigation arrows in slideshow mode. |
| Show Pagination | Displays pagination dots in slideshow mode. |
| Slide Interval | Interval for changing slides automatically, in seconds. |
| Top Padding | Adjusts the padding at the top of the section. |
| Bottom Padding | Adjusts the padding at the bottom of the section. |
Blocks Configuration:
Each block within this section represents a column, which can include an image, text, and a button. You can add multiple blocks to create the columns within the section.
Column Block
| Setting | Description |
|---|---|
| Image | Select the image to display within the column. |
| Heading | The main heading for the column. |
| Description | Text content that provides details or context for the column. |
| Button Label | The label for the button within the column. |
| Button Type | Determines the style of the button. Options: Primary, Secondary. |
| Button Link | URL the button will link to. |
| Open in New Window | If enabled, the button link will open in a new window or tab. |