Content and media
Video with text
A video beside text, with optional icons and buttons.
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. |
Video
| Setting | What it does |
|---|---|
| Shopify-hosted videoVideo | Takes priority over YouTube/Vimeo URL if both are set |
| YouTube or Vimeo URLVideo link | Paste a YouTube or Vimeo video URL |
Playback
| Setting | What it does |
|---|---|
| AutoplayToggle | Toggle |
| Loop videoToggle | Toggle |
| Start mutedToggle | Required when autoplay is enabledShown only when it applies to the options chosen above. |
| Show controlsToggle | 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) |
| Video shapeDropdown | OriginalSquareRoundedCircle |
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 |
|---|---|
| Video positionDropdown | LeftRight |
| Reverse layout on mobileToggle | Toggle |
| Video 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 |