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.

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