Multicolumn

Steps:

  1. In the theme editor (Customize), click Add section.

  2. Locate Multicolumn

  3. Make necessary changes. > Save.

General Settings

  • Width - With of this section 3 options : Container / Stretched / Full width

  • Subheading

  • Heading - Heading of this section

  • Heading size - From Heading 1 to Heading 6

  • Description - Description of this section

  • Layout - Horizontal / Vertical

View all button

  • Link url - Link for button in Header section

  • Link text - Text for button

  • Button type - there are 7 Options button

  • Show arrow icon

Column settings

  • Image width - Small / Medium / Large / Xtra large / Full width

  • Image ratio - Adapt to image / Square (1:1) / Portrait (3:4) / Landscape (4:3) / Landscape (5:3.5) / Wide (16:9)

  • Column heading size - from Heading 1 - Heading 6

  • Column alignment - Left / Center / Right

Grid settings

  • Stack columns - Display columns in a grid layout. ( If disable Layout columns is carousel )

  • Show carousel progress bar

  • Enable overflow visible - When this feature is enabled, the Carousel will be allowed to overflow from the container

  • Column (Desktop) - Number columns per row for desktop

Mobile Layout

  • Columns on mobile : 1 column / 2 columns ( When stacked products are enabled.)

  • Column gap (mobile)

  • Enable swipe on mobile

Colors

  • Background

  • Text color

Section padding

  • Top padding

  • Bottom padding

Block settings

Steps:

  1. Locate Multicolumnt.

  2. Add Column.

  3. Make necessary changes. > Save.

  • Image

  • Image link

  • Heading

  • Description

  • Button

  • Button link

  • Button style

  • Show arrow icon

Last updated