Content and media
Image collage
Several images in a collage layout, each with its own text and link.
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 |
|---|---|
| The arrangement follows how many images you add. Add 3 to 6. | |
| Tall image positionDropdown | LeftRight |
| Row heightSlider | A tall image is two rows plus the gap between them. |
| Column gapSlider | Slider |
| Image cornersDropdown | SquareRounded |
| Zoom image on hoverToggle | Toggle |
Mobile
| Setting | What it does |
|---|---|
| Images per row on mobileDropdown | 1 column2 columns |
| Row height on mobileSlider | Slider |
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.
Image
| Setting | What it does |
|---|---|
| ImageImage | Image |
| Image linkLink | Makes the whole image clickable. |
| SubheadingText | Text |
| HeadingText | Text |
| DescriptionRich text | Rich text |
| Button labelText | Text |
| Button linkLink | Link |
Text over the image
| Setting | What it does |
|---|---|
| Overlay colorColour | Colour |
| Overlay opacitySlider | Darkens the image so the wording stays readable. Set to 0 for no overlay. |
| Text colorColour | Colour |
| Text positionDropdown | Top leftTop centerTop rightMiddle leftMiddle centerMiddle rightBottom leftBottom centerBottom right |
| Text alignmentDropdown | LeftCenterRight |
| Button styleDropdown | PrimaryOutlineText only |