Content and media
Image with text
An image beside text, with optional icons and buttons. The classic brand story section.
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. |
Images
| Setting | What it does |
|---|---|
| Primary imageImage | Image |
| Mobile image (optional)Image | Shown on mobile as a fallback for the primary image |
| Second imageImage | Upload a second image to enable the layered two-image layout |
| Two-image layoutDropdown | OverlapOffset columnsSide by side Shown only when it applies to the options chosen above. |
| Image cropDropdown | Both images use the same crop so the pair looks intentional. Original3:4 (portrait)1:1 (square, cropped)4:3 (landscape) Shown only when it applies to the options chosen above. |
| Space between imagesSlider | Shown only when it applies to the options chosen above. |
| Image aspect ratioDropdown | Adapt to image1:1 (square, cropped)3:4 (portrait)4:3 (landscape)16:9 (wide) Shown only when it applies to the options chosen above. |
| Image shapeDropdown | OriginalSquareRoundedCircle |
| Image linkLink | Shown only when it applies to the options chosen above. |
Spinning badge
| Setting | What it does |
|---|---|
| Show spinning badgeToggle | Toggle |
| Badge textText | Short phrases stay readable. Long text has to shrink to fit the circle.Shown only when it applies to the options chosen above. |
| Badge positionDropdown | Top leftTop rightBottom leftBottom right Shown only when it applies to the options chosen above. |
| Badge sizeSlider | Shown only when it applies to the options chosen above. |
| Text sizeSlider | The badge repeats the text as many times as fit at this size.Shown only when it applies to the options chosen above. |
| Spin speedSlider | Set to 0 to disable spinningShown only when it applies to the options chosen above. |
| Text colorColour | Shown only when it applies to the options chosen above. |
| Badge backgroundToggle | Fills the badge with the section colour so it reads over photos.Shown only when it applies to the options chosen above. |
| Center icon or symbolText | Enter an emoji, symbol, or short textShown only when it applies to the options chosen above. |
| Center icon sizeSlider | Shown only when it applies to the options chosen above. |
Layout
| Setting | What it does |
|---|---|
| Image positionDropdown | LeftRight |
| Reverse layout on mobileToggle | Toggle |
| Image column widthDropdown | 40%50%60%70% |
| Column gap (desktop)Slider | Slider |
| Column gap (mobile)Slider | Slider |
| Vertical content alignmentDropdown | TopMiddleBottom |
| Text alignmentAlignment | Alignment |
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.
Subheading
| Setting | What it does |
|---|---|
| TextText | Text |
Heading
| Setting | What it does |
|---|---|
| HeadingText | Text |
| Heading sizeDropdown | H1 — largestH2 — mediumH3 — small |
Text
| Setting | What it does |
|---|---|
| TextRich text | Rich text |
Button
| Setting | What it does |
|---|---|
| LabelText | Text |
| LinkLink | Link |
| StyleDropdown | PrimaryOutlineText only |
Image
| Setting | What it does |
|---|---|
| ImageImage | Image |
| Image widthSlider | Set to 0 to fill the available width. |
| Image shapeDropdown | OriginalSquareRoundedCircle |
| LinkLink | Link |
Icon with text
| Setting | What it does |
|---|---|
| IconDropdown | Award / medalBottleBoxBubblesCalendarChat bubbleCheck markCheck mark in circleand 41 more |
| Custom icon imageImage | Overrides the icon above. |
| Icon sizeSlider | Slider |
| TextText | Text |