Multicolumn
Where you can add it
Not in section groups: Header, Footer.
Blocks
Section titled “Blocks”- Column — part of this section
Up to 12 blocks.
Column
| Setting | Type | Default | Options 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 scheme | Scheme 3 | |
| Image Shown in the circle, in place of the icon. | Image | — | |
| Icon Used when no image is chosen. Shown when Image is empty. | Select | None | |
| Heading | Text | Column | |
| Text | Rich text | Describe this column for your customers. | |
| Link | Link | — | |
| Link label Shown when Link is set. | Text | — |
Settings
Section titled “Settings”| Setting | Type | Default | Options and range |
|---|---|---|---|
| Heading Make a word italic to emphasize it. | Inline rich text | What comes with every piece | |
| Highlight color Leave empty to use the color scheme’s highlight. Shown when Heading is set. | Color | — | |
| Subheading | Text | — | |
| Heading size Shown when Heading is set. | Select | Medium | |
| Tiles | |||
| Tile shape None places the content on the section’s background, without a tile. | Select | Arch | |
| 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. | Select | Grid | |
| Layout on tablet | Select | Grid | |
| Layout on mobile | Select | Grid | |
| Columns on desktop Shown when Layout on desktop is not Stack. | Range | 3 | 2–6, step 1 |
| Columns on tablet Shown when Layout on tablet is not Stack. | Range | 2 | 1–4, step 1 |
| Columns on mobile Shown when Layout on mobile is not Stack. | Select | 1 | |
| Space between tiles | Range | 20 px | 8–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. | Checkbox | On | |
| 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. | Checkbox | On | |
| Pagination Shown when Layout on desktop is Carousel or Layout on tablet is Carousel or Layout on mobile is Carousel. | Select | Dots | |
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). | |||
Presets
Section titled “Presets”- Multicolumn — Category: Storytelling
Starts with: Column, Column, Column