Multicolumn
Use this section to show multiple columns of text paired with images that share with customers the information about your store: shipping and return conditions, special offers, and upcoming sales.
GENERAL
Color scheme
Choose a separate color scheme for the section.
Width
Choose the width of the section on the page.
Desktop layout
Choose the layout of the section on desktop.
Mobile layout
Choose the layout of the section on mobile.
CONTENT
Heading
Fill in the heading with the text to group the columns under or to draw customers' attention.
Body
Fill in the body with a few words about your brand or the common topic for the columns.
Heading size
Choose the font size for the content heading.
Body size
Choose the font size for the content body.
Content alignment
Choose the content alignment over the columns.
COLUMNS
Heading size
Choose the font size for the heading of the columns.
Body size
Choose the font size for the body of the columns. Note that the option applies only to the 'Paragraph' body text formatting.
Column content alignment
Choose the content alignment within the columns.
Desktop cards per row
Adjust how many columns show in the row at once.
Desktop space between cards
Adjust the spacing at the top, bottom, and sides between the columns within the section.
Desktop spacing
Adjust the spacing between the borders of columns and the content within them.
Mobile space between cards
Adjust the spacing at the top, bottom, and sides between the columns within the section.
Mobile spacing
Adjust the spacing between the borders of columns and the content within them.
Color columns
Select to show a solid color square in the background of each column to make their content more distinct and visually separate the columns.
Show arrows on hover
Select to show arrows on the sides of the carousel only when you place the pointer on columns.
BUTTON
Button label
Fill in the button name to introduce the page it redirects to. Without a name, the button disappears.
Button link
Choose a page within your store or enter a URL to redirect customers to another page when they select the button. Note that the link doesn't work without the button label filled in.
Button style
Choose the style of the button.
AUTOPLAY
Autoplay mode
Choose the way the columns change on the screen. Note that the autoplay pauses when you place the pointer on the columns on desktop or swipe them left or right on mobile.
Autoplay speed
Adjust the column change speed.
PADDINGS
Add side paddings
Select to add extra space on the sides between the section and the screen.
Top padding
Adjust the space between the section and the previous element on the page.
Bottom padding
Adjust the space between the section and the following element on the page.
ADD COLUMNS
Add multiple columns to the section. Choose between two types of columns with different layouts.
Last updated