Home page sections
Multicolumn
Columns of icons, images and short text. Good for benefits, values and how-it-works steps.
Settings
Section width
| Setting | What it does |
|---|---|
| WidthDropdown | Full widthDefaultCustom width |
| Custom widthSlider | Shown only when it applies to the options chosen above. |
Color scheme
| Setting | What it does |
|---|---|
| Use the store's default color schemeToggle | Toggle |
| Color schemeColour scheme | Shown only when it applies to the options chosen above. |
Section header
| Setting | What it does |
|---|---|
| SubheadingText | Text |
| HeadingText | Text |
| DescriptionRich text | Rich text |
| Heading sizeDropdown | H1 — largestH2 — mediumH3 — small |
| Text alignmentAlignment | Alignment |
Layout
| Setting | What it does |
|---|---|
| Columns per row on desktopDropdown | 2 columns3 columns4 columns5 columns6 columns |
| Column gapSlider | Slider |
| Row gapSlider | Slider |
| Column content alignmentDropdown | LeftCenterRight |
| Layout modeDropdown | Slider loops continuously and applies to desktop only. GridSlider |
| Show arrowsToggle | Shown only when it applies to the options chosen above. |
| Show pagination dotsToggle | Shown only when it applies to the options chosen above. |
Card style
| Setting | What it does |
|---|---|
| Card styleDropdown | PlainBoxedShadow |
| Hover effectDropdown | Lift upBorder highlightBackground colorNone |
Image settings
| Setting | What it does |
|---|---|
| Image shapeDropdown | OriginalRoundedCircle |
| Image widthSlider | Set to 0 to use the original image size |
Mobile view
| Setting | What it does |
|---|---|
| Columns per row on mobileDropdown | 1 column2 columns |
| Enable horizontal scroll on mobileToggle | Toggle |
| Show arrows on mobile sliderToggle | Shown only when it applies to the options chosen above. |
| Show pagination dots on mobile sliderToggle | Shown only when it applies to the options chosen above. |
Spacing
| Setting | What it does |
|---|---|
| Top paddingSlider | Slider |
| Bottom paddingSlider | Slider |
Blocks
Blocks are the pieces you add, remove and reorder inside the section, under Add block.
Column
Media
| Setting | What it does |
|---|---|
| Media typeDropdown | ImageNumberNone |
| ImageImage | Shown only when it applies to the options chosen above. |
| NumberText | Leave blank to auto-number from 1Shown only when it applies to the options chosen above. |
| Number sizeSlider | Shown only when it applies to the options chosen above. |
| Number opacitySlider | Shown only when it applies to the options chosen above. |
Content
| Setting | What it does |
|---|---|
| HeadingText | Text |
| Heading sizeDropdown | H1 — largestH2 — mediumH3 — small |
| DescriptionRich text | Rich text |
Link
| Setting | What it does |
|---|---|
| Show linkToggle | Toggle |
| Link labelText | Shown only when it applies to the options chosen above. |
| Link URLLink | Shown only when it applies to the options chosen above. |
| Link styleDropdown | FilledOutlineText only Shown only when it applies to the options chosen above. |
| Link sizeDropdown | SmallMediumLarge Shown only when it applies to the options chosen above. |