Content and media
Text, image and icons
An image with text and a list of icon points, for ingredients, materials or features.
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, iconsText, icons, imageImage, text, iconsImage, icons, textIcons, image, textIcons, text, image |
| Column widthsDropdown | Equal columnsWider textWider imageWider icons |
| Gap between panelsSlider | Slider |
| First panel on mobileDropdown | Same as desktopText firstImage firstIcons 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. |
Icons 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. |
| Icon positionDropdown | Left of the textAbove the text |
| Icon backgroundDropdown | PlainCircleRounded |
| Icon sizeSlider | Slider |
| Show a line between iconsToggle | 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.
Icon
| Setting | What it does |
|---|---|
| ShowDropdown | IconImageCustom SVG codeNone |
| IconDropdown | Award / medalBottleBoxBubblesCalendarChat bubbleCheck markCheck mark in circleand 41 more Shown only when it applies to the options chosen above. |
| Icon imageImage | Use a square image. PNG or SVG with a transparent background works best.Shown only when it applies to the options chosen above. |
| Custom SVGText | Paste an SVG. It takes the panel's text color and the icon size set above.Shown only when it applies to the options chosen above. |
| HeadingText | Text |
| DescriptionRich text | Rich text |