Content and media
Text, image and rows
Alternating rows of image and text, for longer stories and feature lists.
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. |
Layout
| Setting | What it does |
|---|---|
| Column orderDropdown | A panel with nothing in it is skipped, and the others share the space. Text, image, rowsText, rows, imageImage, text, rowsImage, rows, textRows, image, textRows, text, image |
| Column widthsDropdown | Equal columnsWider textWider imageWider rows |
| Gap between panelsSlider | Slider |
| First panel on mobileDropdown | Same as desktopText firstImage firstRows first |
Panel background
| Setting | What it does |
|---|---|
| Applies to any panel with its own color scheme, and to the image corners. | |
| Panel paddingSlider | Slider |
Text panel
| Setting | What it does |
|---|---|
| Give this panel its own color schemeToggle | Paints a background behind this panel. |
| Color schemeColour scheme | Shown only when it applies to the options chosen above. |
| SubheadingText | Text |
| HeadingText | Text |
| DescriptionRich text | Rich text |
| Text alignmentAlignment | Alignment |
| Button labelText | Text |
| Button linkLink | Link |
| Button styleDropdown | PrimaryOutlineText only |
Image or video panel
| Setting | What it does |
|---|---|
| Show the image panelToggle | Toggle |
| ImageImage | Shown only when it applies to the options chosen above. |
| VideoVideo | An uploaded video is shown instead of the image.Shown only when it applies to the options chosen above. |
| Video linkVideo link | YouTube or Vimeo. Used when no video is uploaded.Shown only when it applies to the options chosen above. |
| 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. |
| CaptionText | Shown only when it applies to the options chosen above. |
| PlaybackDropdown | Autoplay (muted, looping)Play with controls Shown only when it applies to the options chosen above. |
Collapsible rows panel
| Setting | What it does |
|---|---|
| Give this panel its own color schemeToggle | Paints a background behind this panel. |
| Color schemeColour scheme | Shown only when it applies to the options chosen above. |
| Row styleDropdown | Border bottom onlyBoxedCard |
| Icon styleDropdown | Plus / minusArrow up / downChevron |
| Open the first row by defaultToggle | Toggle |
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.
Row
| Setting | What it does |
|---|---|
| HeadingText | Text |
| DescriptionRich text | Rich text |