Where to find it
In Online Store → Themes, open the unpublished theme editor, choose a compatible template, then Add section → Image with text. Availability follows the selected template and section group.
This section is not available in the Header group.
Set it up
- Select the Image and provide useful Image alt text.
- Write Heading and Subheading, then set Button label and Button link if an action is needed.
- Choose Image position, text alignment and Content vertical alignment.
- Set section spacing and preview the copy beside the image and in its mobile arrangement.
Main settings to review
| Setting | Choices or control |
|---|---|
| Image | Choose an image |
| Image position | Left · Right |
| Alignment | Left · Center · Right |
| Content vertical alignment | Top · Center · Bottom |
| Button link | Choose or enter a link |
| Section spacing | Compact · Standard · Generous |
Content and media
- Choose a photo with a composition that works in a split area. Around 1600 px wide is a useful original size; avoid enlarging a small thumbnail.
Check the mobile layout
- Review the stacked composition, image crop and button. Shorter subheading copy usually works better than squeezing a long paragraph into the feature.
Common questions and fixes
- The button is absent or does not navigate: fill both its label and destination.
- You need multiple headings or richer content: use Editorial story or Custom section rather than expecting extra blocks in this simple module.
Full control reference
Names, choices, ranges and defaults below are read from this version of the theme. Defaults are starting examples, not promises about your business. Some controls appear only for the matching layout. Block contents and preset starting values can differ from the base defaults.
All section controls (20)
| Setting | Control or choices | Default and guidance |
|---|---|---|
| Width / Section width | Page width · Full width · Custom width | Default: Page width. |
| Width / Custom width | 50–100 %; step 5 | Default: 80. Percentage of screen width. This control appears only when the relevant layout or related option is selected. |
| Width / Heading | Text | Default: Designed for the everyday. |
| Width / Subheading | Multiline text | Default: Details that bring quiet character to the spaces you use most.. |
| Width / Image | Choose an image | Default: Not set. |
| Width / Image alt text | Text | Default: Not set. |
| Width / Button label | Text | Default: Discover more. |
| Width / Button link | Choose or enter a link | Default: Not set. |
| Width / Alignment | Left · Center · Right | Default: Left. |
| Width / Content vertical alignment | Top · Center · Bottom | Default: Center. |
| Width / Image position | Left · Right | Default: Left. |
| Width / Color scheme | Choose a color scheme | Default: surface. |
| Width / Section spacing | Compact · Standard · Generous | Default: Standard. |
| Media / Section background image | Choose an image | Default: Not set. |
| Media / Section background position | Image focal point · Top · Center · Bottom | Default: Image focal point. This control appears only when the relevant layout or related option is selected. |
| Media / Section background behavior | Scroll with section · Fixed to viewport | Default: Scroll with section. This control appears only when the relevant layout or related option is selected. |
| Media / Section background overlay | 0–80 %; step 5 | Default: 0. This control appears only when the relevant layout or related option is selected. |
| Advanced / Hide on desktop | On / Off | Default: Off. This control appears only when the relevant layout or related option is selected. |
| Advanced / Hide on mobile | On / Off | Default: Off. This control appears only when the relevant layout or related option is selected. |
| Advanced / Section anchor | Text | Default: Not set. Optional. Use a unique name for links that jump to this section. |