Multicolumn

Overview:

The Multicolumn section allows you to display a grid or slider of columns, each containing an image, heading, description, and optional call-to-action button. It’s useful for showcasing features, collections, services, or any structured content across multiple columns.

Section Configuration:

Setting	Description
Heading	Adds a main title to the section.
Heading Size	Sets the size of the section heading. Options include XX Large, X Large, Large, and Medium.
Description	Adds a short paragraph below the heading for supporting text.
Text Size	Controls the font size of the section description. Options include Small, Medium, and Large.

Grid Layout Settings

Setting	Description
Columns on Desktop	Sets the number of columns displayed side by side on desktop screens.
Columns on Mobile	Sets the number of columns displayed on mobile screens (1 or 2).
Mobile Column Query Width	Defines the screen width (in pixels) at which the mobile column layout will be triggered.

Card Design Settings

Setting	Description
Media Width	Controls the width of the image or video inside each column card. Options include Adapt, One-third, Half, and Full.
Media Aspect Ratio	Sets the aspect ratio of the media in each card. Options include Adapt, Square, Portrait, and Landscape.
Card Heading Size	Defines the heading size inside individual column cards. Options include Medium, Small, and Extra Small.

Layout Settings

Setting	Description
Text Alignment (Desktop)	Sets the horizontal alignment of the section content on desktop (Left, Center, Right).
Text Alignment (Mobile)	Sets the horizontal alignment of the section content on mobile.
Show Top Border	Displays a top border for the section if enabled.
Show Bottom Border	Displays a bottom border for the section if enabled.
Color Scheme	Applies a color scheme to the section background and text.

Slideshow Settings

These settings are active only if Enable Slideshow is turned on.

Setting	Description
Enable Slideshow	Displays the column content in a horizontal slider instead of a static grid.
Autoplay	Enables automatic scrolling of the slideshow.
Show Arrows	Displays left and right navigation arrows.
Show Pagination	Displays pagination dots beneath the slider.
Slide Change Interval	Sets how often the slides change automatically (in seconds).

Spacing Settings

Setting	Description
Top Padding	Controls the vertical spacing above the section.
Bottom Padding	Controls the vertical spacing below the section.

Blocks Configuration

Blocks – Column

Each block represents a single column card in the section.

Block Setting	Description
Image	Adds an image at the top of the column card.
Heading	Displays the title or heading for the column.
Description	Adds supporting text beneath the heading.
Button Label	Specifies the text displayed on the column’s button.
Button Style	Choose between Primary or Secondary button appearance.
Button Link	Adds a clickable URL for the button.
Open in New Window	If enabled, the button link opens in a new browser tab.