Multi-column
sections/multicolumn.liquid
Settings
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Section header | ||||
| Heading | heading | Text | Why shop with us | |
| Heading alignment | heading_alignment | Dropdown | left | Options: Left, Center, Right. |
| View more label | link_label | Text | ||
| View more link | link_url | Link | The label only appears when a link is set. | |
| Layout | ||||
| Mobile layout | layout | Dropdown | grid | Options: Stacked grid, Swipe carousel. |
| Columns on desktop | columns_desktop | Slider | 3 | Range: 2–6 step 1. |
| Columns on mobile | columns_mobile | Dropdown | 1 | Ignored when the mobile layout is a carousel. Options: 1, 2. |
| Space between columns | gap | Slider | 24 | Range: 0–48 step 4. |
| Space between columns (mobile) | gap_mobile | Slider | 16 | Range: 0–32 step 4. |
| Content alignment | content_alignment | Dropdown | left | Options: Left, Center. |
| Media | ||||
| Media aspect ratio | media_aspect | Dropdown | landscape | A fixed ratio keeps every column the same height whatever crops are uploaded. Options: Natural, Square (1:1), Portrait (4:5), Landscape (4:3), Wide (16:9), Circle. |
| Media alignment | media_alignment | Dropdown | left | Applies when media scale is below 100%. Options: Left, Center. |
| Style | ||||
| Color scheme | surface | Dropdown | background | Options: Background, Surface, Primary, Accent. |
| Column style | card_style | Dropdown | none | Options: No card, Outlined card, Filled card. |
| Button style | button_style | Dropdown | primary | Options: Primary, Secondary, Text. |
| Spacing | ||||
| Make section full width | full_width | On/off | Off | |
| Enable side padding | side_padding | On/off | On | Adds left and right padding when the section is full width. |
| Top padding | padding_top | Slider | 56 | Range: 0–120 step 4. |
| Bottom padding | padding_bottom | Slider | 56 | Range: 0–120 step 4. |
| Top padding (mobile) | padding_top_mobile | Slider | 32 | Range: 0–120 step 4. |
| Bottom padding (mobile) | padding_bottom_mobile | Slider | 32 | Range: 0–120 step 4. |
Blocks
Column (column)
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Enable media | enable_media | On/off | On | |
| Image | image | Image | ||
| Video | video | Video (Shopify-hosted) | Hosted by Shopify. Plays muted and looping, and overrides the image. Use the image above as the poster frame. | |
| Video description | video_alt | Text | For screen readers. Leave empty for purely decorative video. | |
| Media scale | media_scale | Slider | 100 | Range: 50–100 step 5. |
| Heading | heading | Text | Column heading | |
| Text | text | Rich text | <p>Use this space to describe a service, a guarantee, or something that sets your store apart.</p> | |
| Button label | button_label | Text | Leave blank for an arrow button. | |
| Button link | button_link | Link | No button appears without a link. | |
| Open in a new window | button_new_tab | On/off | Off |
Maximum blocks: 12
Presets
Available in Add section: Multi-column