A flexible column grid for features, steps, or highlights. Each column block has five settings.
Merchant-addable
Yes
Settings
33
Block types
1
Max blocks
4
File
sections/multicolumn.liquid
Used by default on:
Collection
Screenshots pending
Captures for Multiple columns at desktop and mobile widths are generated from a live store by
npm run shots. They appear here automatically once that has run.
When to use it
Three-to-four-item feature strips, process steps, and value propositions.
Setting it up
Add the section and set columns under Layout.
Add a Column block per item.
Set Color and Padding.
Where the content comes from
Blocks own all content.
Notes and cautions
Keep column copy to roughly the same length. Ragged columns read as unfinished.
Section settings
Every setting on the section itself, in the order it appears in the theme editor. Group headings
match the editor's own grouping.
Content
HeadingRich text (inline)
ID
heading
Default
Find your focus.
Heading sizeDropdown
ID
heading_size
Default
Large
Smallsmall
Mediummedium
Largelarge
Body textRich text
ID
subheading
Default
<p>Formula-led care for the skin you are in.</p>
Content alignmentDropdown
ID
header_alignment
Default
Left
Leftleft
Centercenter
Layout
LayoutDropdown
ID
layout
Default
Text on image
Text on imagetext_overlay
Cardscards
Apply text backgroundCheckbox
Adds a soft color-scheme fade behind text placed over an image.
ID
apply_text_background
Default
On
Shown when
layout is 'text_overlay'
Text background opacitySlider
Controls the strength of the fade behind text.
ID
overlay_opacity
Default
90
Range
35% to 100%, in steps of 5%
Shown when
layout is 'text_overlay' and apply_text_background
Column heading sizeDropdown
ID
column_heading_size
Default
Medium
Smallsmall
Mediummedium
Largelarge
Sidebar
Show editorial sidebarCheckbox
Adds a ready-made supporting panel beside the columns on desktop and below them on mobile.
ID
show_sidebar
Default
On
Sidebar headingText
ID
sidebar_heading
Default
Made for the pace of your skin
Shown when
show_sidebar
First sidebar itemText
ID
sidebar_item_1
Default
Formula-led
Shown when
show_sidebar
First item iconDropdown
ID
sidebar_item_1_icon
Default
Line — Formula
Shown when
show_sidebar
Nonenone
Line — Formulaformula
Line — Benefitsbenefits
Line — Suitabilitysuitability
Line — Testingtesting
Line — Warningwarning
Line — Usageusage
Line — Sourcingsourcing
Line — Verifiedverified
Line — Leafleaf
Line — Recyclerecycle
Line — Traceabletraceable
Art — Botanicalart_botanical
Art — Leafart_leaf
Art — Dropletart_droplet
Art — Sparkleart_sparkle
Art — Lipstickart_lipstick
Art — Compactart_compact
Art — Brushart_brush
Art — Heartart_heart
Art — Capsuleart_capsule
Second sidebar itemText
ID
sidebar_item_2
Default
Skin-conscious
Shown when
show_sidebar
Second item iconDropdown
ID
sidebar_item_2_icon
Default
Line — Suitability
Shown when
show_sidebar
Nonenone
Line — Formulaformula
Line — Benefitsbenefits
Line — Suitabilitysuitability
Line — Testingtesting
Line — Warningwarning
Line — Usageusage
Line — Sourcingsourcing
Line — Verifiedverified
Line — Leafleaf
Line — Recyclerecycle
Line — Traceabletraceable
Art — Botanicalart_botanical
Art — Leafart_leaf
Art — Dropletart_droplet
Art — Sparkleart_sparkle
Art — Lipstickart_lipstick
Art — Compactart_compact
Art — Brushart_brush
Art — Heartart_heart
Art — Capsuleart_capsule
Third sidebar itemText
ID
sidebar_item_3
Default
Made with intention
Shown when
show_sidebar
Third item iconDropdown
ID
sidebar_item_3_icon
Default
Line — Verified
Shown when
show_sidebar
Nonenone
Line — Formulaformula
Line — Benefitsbenefits
Line — Suitabilitysuitability
Line — Testingtesting
Line — Warningwarning
Line — Usageusage
Line — Sourcingsourcing
Line — Verifiedverified
Line — Leafleaf
Line — Recyclerecycle
Line — Traceabletraceable
Art — Botanicalart_botanical
Art — Leafart_leaf
Art — Dropletart_droplet
Art — Sparkleart_sparkle
Art — Lipstickart_lipstick
Art — Compactart_compact
Art — Brushart_brush
Art — Heartart_heart
Art — Capsuleart_capsule
Use custom corner radiusCheckbox
ID
use_custom_card_radius
Default
Off
Custom corner radiusSlider
ID
card_corner_radius
Default
12
Range
0px to 40px, in steps of 2px
Shown when
use_custom_card_radius
Appearance
Color schemeColor scheme
ID
color_scheme
Default
scheme-1
Column color schemeColor scheme
Sets overlay text colors and the caption area beneath images.
ID
card_color_scheme
Default
scheme-1
Sidebar color schemeColor scheme
ID
sidebar_color_scheme
Default
scheme-1
Shown when
show_sidebar
Show entrance animationCheckbox
Uses the theme's animation style and respects reduced motion.
ID
enable_entrance_animation
Default
On
Enable highlighted card animationCheckbox
Raises and lengthens a card on hover or keyboard focus. Uses the theme's motion settings.
ID
enable_highlight_animation
Default
On
Spacing
Top paddingSlider
ID
padding_top
Default
72
Range
0px to 120px, in steps of 4px
Bottom paddingSlider
ID
padding_bottom
Default
72
Range
0px to 120px, in steps of 4px
Blocks
Blocks are added, reordered, duplicated, and removed inside the section. Each type has its
own settings.
Column column
Show mediaCheckbox
Turn this off to use a purpose-built text-only column.
ID
show_media
Default
On
ImageImage
3:4 aspect ratio recommended.
ID
image
Shown when
show_media
IconDropdown
ID
icon
Default
Line — Benefits
Shown when
layout is 'cards'
Nonenone
Line — Formulaformula
Line — Benefitssparkle
Line — Suitabilitysuitability
Line — Testingtesting
Line — Warningwarning
Line — Usageusage
Line — Sourcingsourcing
Line — Verifiedverified
Line — Leafleaf
Line — Recyclerecycle
Line — Traceablebalance
Art — Botanicalart_botanical
Art — Leafart_leaf
Art — Dropletart_droplet
Art — Sparkleart_sparkle
Art — Lipstickart_lipstick
Art — Compactart_compact
Art — Brushart_brush
Art — Heartart_heart
Art — Capsuleart_capsule
EyebrowText
Shown above the column heading.
ID
eyebrow
HeadingText
ID
heading
Default
Glow
TextRich text
ID
text
Default
<p>Focused care selected for your skin's changing needs.</p>