Image with text section
The Image with text section shows an image next to a heading, text and button in Highlight, with the image on the left or right.
Applies to: Highlight 4.1.0 and later. Added in: Highlight 1.0.0. Last checked: 2026-10-13 against Highlight 4.1.0.
The Image with text section shows an image next to a heading, a paragraph and a button. Use it to tell your story or to present a product or a collection.
Where to find it: Online Store → Themes → Customize → Add section → Image with text (Storytelling category).
Image
- Image picks the picture. It keeps its own proportions.
- Image position puts the image on the Left (the default) or the Right of the text on desktop. On phones the image is always above the text.
When you use several Image with text sections in a row, alternate Image position so the page does not repeat one side.
Blocks
The text side is built from blocks. Each block can be added once; drag them to change their order. The section starts with a Heading and a Text block.
Heading
- Heading is the title. Default: "Write your story".
- Heading size sets Regular or Large (the default). Use the larger size for a short title with little text, and the regular size for longer text.
Text
Text is the paragraph. It supports bold, italic, links and lists.
Button
Button label and Button link add an underlined link with an arrow under the text.
How do I put the image on the right on mobile too?
You cannot. On phones, Highlight always shows the image first and the text below it, whatever Image position says. The setting changes only the desktop layout.
All Image with text settings
Every setting, with its type and default.
Accepts these blocks: Heading, Text and Button.
Image (image): Sets the picture, shown at its own proportions next to the text.
Image position (dropdown, default: Left): Sets the side of the image on desktop. On phones the image is always above the text. Options: Left, Right.
Heading block
Where to find it: Image with text → Add block → Heading
One Heading block per section.
Heading (text field, default: "Write your story").
Heading size (dropdown, default: Large): Sets the heading size: Large for a short title, Regular for longer text. Options: Regular, Large.
Text block
Where to find it: Image with text → Add block → Text
One Text block per section.
Text (rich text, default: "Write some information about your brand, products or story.").
Button block
Where to find it: Image with text → Add block → Button
One Button block per section.
Button label (text field, default: "Button label"): Sets the text of the link under the paragraph.
Button link (link): Sets where the link under the paragraph goes.
Related pages
- Images with text overlay section: text on top of images.
- Rich text section: headings, text and buttons without an image.
- Page: the story page template, which uses two Image with text sections.
Image with hotspots
The Image with hotspots section places product and text hotspots on an image in Highlight, with separate positions for mobile.
Images with text overlay
The Images with text overlay section shows up to 4 images with text on top in Highlight, in an asymmetrical layout or a regular grid.