Where to find it
In Online Store → Themes, open the unpublished theme editor, choose a compatible template, then Add section → Multi-column. Availability follows the selected template and section group.
This section is not available in the Header group.
Set it up
- Add a Column block for each item and supply its image, optional label, heading and text.
- Choose Desktop columns and Presentation. Show numbers is useful when the block order represents steps.
- Choose Image ratio and Content alignment, then adjust Column gap and Content gap.
- Set per-column links or the section's closing Button label and Button link when a destination is needed.
- Choose the mobile layout and check the narrative still reads in block order.
Main settings to review
| Setting | Choices or control |
|---|---|
| Desktop columns | 2 columns · 3 columns · 4 columns |
| Presentation | Plain · Divided · Cards |
| Mobile layout | Stack · Carousel |
| Image ratio | Natural · Portrait · Square · Landscape |
| Show numbers | On / Off |
Blocks and content
This section allows up to 8 direct blocks. Nested blocks have their own parent-specific choices and limits.
- Column: configure this inside the section. Its available controls are listed below.
Content and media
- Use matching image shapes for a uniform row. Square or portrait originals around 1000–1600 px are a useful starting point for cards.
- Numbering follows the displayed items; use a logical order if these are instructions.
Check the mobile layout
- Choose Stack for a vertical sequence or Carousel for horizontal browsing. Review long headings and the final call to action.
- A horizontally overflowing Carousel can receive keyboard focus. Use the arrow keys to browse it; a list that fits without scrolling does not add an extra Tab stop.
Common questions and fixes
- Columns appear uneven: use a consistent ratio and similar copy lengths.
- A column link is absent: configure both the label and its Button link.
Full control reference
Names, choices, ranges and defaults below are read from this version of the theme. Defaults are starting examples, not promises about your business. Some controls appear only for the matching layout. Block contents and preset starting values can differ from the base defaults.
All section controls (27)
| Setting | Control or choices | Default and guidance |
|---|---|---|
| Width / Section width | Page width · Full width · Custom width | Default: Page width. |
| Width / Custom width | 50–100 %; step 5 | Default: 80. Percentage of screen width. This control appears only when the relevant layout or related option is selected. |
| Width / Text above heading | Text | Default: Not set. |
| Width / Heading | Text | Default: Not set. |
| Width / Text | Formatted text | Default: Not set. |
| Width / Heading alignment | Left · Center · Right | Default: Left. |
| Width / Desktop columns | 2 columns · 3 columns · 4 columns | Default: 3 columns. |
| Width / Mobile layout | Stack · Carousel | Default: Stack. |
| Width / Column gap | 0–64 px; step 4 | Default: 24. |
| Width / Content gap | 0–48 px; step 4 | Default: 16. Space between the image, label, heading, text and link inside each column. |
| Width / Show numbers | On / Off | Default: On. |
| Width / Presentation | Plain · Divided · Cards | Default: Plain. |
| Width / Image ratio | Natural · Portrait · Square · Landscape | Default: Natural. |
| Width / Content alignment | Left · Center · Right | Default: Left. |
| Width / Color scheme | Choose a color scheme | Default: background. |
| Width / Top padding | 0–160 px; step 4 | Default: 48. |
| Width / Bottom padding | 0–160 px; step 4 | Default: 48. |
| Width / Button label | Text | Default: Not set. |
| Width / Button link | Choose or enter a link | Default: Not set. |
| Width / Button alignment | Left · Center · Right | Default: Left. |
| Media / Section background image | Choose an image | Default: Not set. |
| Media / Section background position | Image focal point · Top · Center · Bottom | Default: Image focal point. This control appears only when the relevant layout or related option is selected. |
| Media / Section background behavior | Scroll with section · Fixed to viewport | Default: Scroll with section. This control appears only when the relevant layout or related option is selected. |
| Media / Section background overlay | 0–80 %; step 5 | Default: 0. This control appears only when the relevant layout or related option is selected. |
| Advanced / Hide on desktop | On / Off | Default: Off. This control appears only when the relevant layout or related option is selected. |
| Advanced / Hide on mobile | On / Off | Default: Off. This control appears only when the relevant layout or related option is selected. |
| Advanced / Section anchor | Text | Default: Not set. Optional. Use a unique name for links that jump to this section. |
Column block controls (7)
| Setting | Control or choices | Default and guidance |
|---|---|---|
| Image | Choose an image | Default: Not set. |
| Image alt text | Text | Default: Not set. |
| Label | Text | Default: Not set. |
| Heading | Text | Default: Column heading. |
| Text | Formatted text | Default: Add supporting content for this column.. |
| Link label | Text | Default: Not set. |
| Button link | Choose or enter a link | Default: Not set. |