Skip to content

Multicolumn

Where you can add it

Not in section groups: Header, Footer.

  • Column — part of this section

Up to 12 blocks.

Column

SettingTypeDefaultOptions and range
Color scheme

Colors of the tile. The icon’s circle uses the section’s colors.

Shown when the section’s Tile shape is not None.

Color schemeScheme 3
Image

Shown in the circle, in place of the icon.

Image—
Icon

Used when no image is chosen.

Shown when Image is empty.

SelectNone
  • None
  • Arrow right
  • Cart
  • Chat
  • Check
  • Clock
  • Gift
  • Globe
  • Heart
  • Home
  • Leaf
  • Link
  • Lock
  • Mail
  • Map pin
  • Package
  • Play
  • Refresh
  • Ruler
  • Search
  • Share
  • Shield
  • Star
  • Tag
  • Truck
HeadingTextColumn
TextRich textDescribe this column for your customers.
LinkLink—
Link label

Shown when Link is set.

Text—
SettingTypeDefaultOptions and range
Heading

Make a word italic to emphasize it.

Inline rich textWhat comes with every piece
Highlight color

Leave empty to use the color scheme’s highlight.

Shown when Heading is set.

Color—
SubheadingText—
Heading size

Shown when Heading is set.

SelectMedium
  • Large
  • Medium
  • Small
Tiles
Tile shape

None places the content on the section’s background, without a tile.

SelectArch
  • Arch
  • Rounded
  • Leaf
  • Square
  • None
Arrangement
Layout on desktop

Each breakpoint is chosen separately, so a grid on desktop can be a carousel on a phone — or stay a grid.

SelectGrid
  • Grid
  • Carousel
  • Stack
Layout on tabletSelectGrid
  • Grid
  • Carousel
  • Stack
Layout on mobileSelectGrid
  • Grid
  • Carousel
  • Stack
Columns on desktop

Shown when Layout on desktop is not Stack.

Range32–6, step 1
Columns on tablet

Shown when Layout on tablet is not Stack.

Range21–4, step 1
Columns on mobile

Shown when Layout on mobile is not Stack.

Select1
  • 1
  • 2
Space between tilesRange20 px8–64 px, step 2
Show arrows

Shown when Layout on desktop is Carousel or Layout on tablet is Carousel or Layout on mobile is Carousel.

CheckboxOn
Show a sliver of the next item

Shows part of the next item so customers can tell the row scrolls. Only applies to the carousel layout.

Shown when Layout on desktop is Carousel or Layout on tablet is Carousel or Layout on mobile is Carousel.

CheckboxOn
Pagination

Shown when Layout on desktop is Carousel or Layout on tablet is Carousel or Layout on mobile is Carousel.

SelectDots
  • None
  • Dots
  • Progress bar
  • Counter

Settings every section has — Layout, spacing, motion and visibility — the same in every section.

Not in this section: Section width.

Defaults here: Content alignment Center (everywhere else: Start); Top spacing 0 px (everywhere else: 64 px); Bottom spacing 100 px (everywhere else: 64 px); Top spacing on mobile 0 px (everywhere else: 40 px); Bottom spacing on mobile 64 px (everywhere else: 40 px); Stagger 110 ms (everywhere else: 0 ms).

  • Multicolumn — Category: Storytelling
    Starts with: Column, Column, Column