Brand Story
Text + media
Section handle:
text-and-media
Settings
Layout
| Setting | Type | Default | Description |
|---|---|---|---|
| Variant | Dropdown | media_left | Choose how text and media are arranged. Some settings below may change based on this choice. · Options: media_left – Media left / Text right, media_right – Media right / Text left, stacked – Stacked, overlap – Overlap, split_panel – Split panel |
| Vertical alignment | Dropdown | middle | Affects alignment only. · Options: top – Top, middle – Middle, bottom – Bottom |
| Text alignment | Dropdown | left | Affects alignment only. · Options: left – Left, center – Center, right – Right |
Content
| Setting | Type | Default | Description |
|---|---|---|---|
| Media type | Dropdown | auto | Choose whether this section shows an image, video, or embed. · Options: auto – Auto, image – Image, video – Video, embed – YouTube/Vimeo embed |
| Media aspect ratio | Dropdown | 16_9 | Sets the frame ratio used to display media. · Options: auto – Use uploaded media ratio, 4_5 – Portrait (4:5), 16_9 – Wide (16:9), 9_16 – Tall (9:16), 1_1 – Square (1:1) |
| Media fit | Dropdown | cover | Cover fills the frame (may crop). Contain shows the full media (may letterbox). · Options: cover – Cover, contain – Contain |
| Desktop media ratio | Dropdown | 16_9 | Controls the media frame ratio on desktop. · Options: 16_9 – Landscape (16:9), 4_5 – Portrait (4:5), 9_16 – Tall (9:16) |
| Mobile media ratio | Dropdown | inherit | Controls the media frame ratio on mobile. · Options: inherit – Same as desktop, 16_9 – Landscape (16:9), 4_5 – Portrait (4:5), 9_16 – Tall (9:16) |
| Image | Image | — | Select an image to display. |
| Mobile image override (optional) | Image | — | Optional. Overrides the image on mobile. |
| Hosted video (Shopify) | Video | — | Select a Shopify-hosted video to display. |
| Poster image (required for video/embed) | Image | — | Required for video or embed. Used as the preview image. |
| Embed URL (YouTube/Vimeo) | URL / Link | — | Paste a YouTube/Vimeo URL. Requires a poster image. Leave blank to disable. |
| Autoplay | Toggle (on/off) | Off | Automatically start playback when visible. |
| Muted | Toggle (on/off) | On | Play without sound (recommended for autoplay). |
| Loop | Toggle (on/off) | Off | Restart the video automatically after it ends. |
| Show controls | Toggle (on/off) | On | Show playback controls on the video. |
| Eyebrow | Text | — | Optional. Leave blank to hide. |
| Heading | Text | — | Optional. Leave blank to hide. |
| Body | Rich text | — | Optional. |
| Primary label | Text | — | Optional. Leave blank to hide. |
| Primary link | URL / Link | — | Optional. Leave blank to disable. |
| Secondary label | Text | — | Optional. Leave blank to hide. |
| Secondary link | URL / Link | — | Optional. Leave blank to disable. |
Style
| Setting | Type | Default | Description |
|---|---|---|---|
| Background | Dropdown | none | Adds an optional background behind this section. · Options: none – None, tint – Tint, soft_gradient – Soft gradient |
| Padding | Dropdown | medium | Affects spacing only. · Options: small – Small, medium – Medium, large – Large |
Blocks
Key point
Block type:
key_point
Content
| Setting | Type | Default | Description |
|---|---|---|---|
| Text | Text | — | Optional. |
Default Configuration
When you add this section from the Theme Editor, it comes pre-configured with:
- Text + media — 2× Key point