Image with text

Written in stage 2

What this is for, when to use it, its layouts, screenshots and examples. Everything below is generated from the theme’s schema, so it always matches the theme editor.

Where you can add it

Not in section groups: Header, Footer.

Blocks

• Any theme block

Settings

Setting	Type	Default	Options and range
Layout Card sets the image and the text inside the section’s shape, side by side. Pair it with a section shape and a color scheme.	Select	Side by side	Side by side Card
Image	Image	—
Image label A short line on the image, in glass.	Text	—
Text on glass Auto picks dark or light text for each glass element from the brightness of the photo behind it. Shown when Image label is set.	Select	Auto	Auto Light Dark
Image position Start and end follow the store’s language direction.	Select	Start	Start End
Image ratio	Select	Portrait (4:5)	Adapt to image Square Portrait (4:5) Portrait Tall Landscape Fill the text’s height
Image shape	Select	Corner	None Sheet Corner Arch Capsule
Scroll effect With full motion, the image opens from a rounded inset as it scrolls in and drifts slowly in its frame.	Select	Open and drift	Open and drift Drift None
Image width How much of the row the image takes, out of nine. Shown when Layout is Side by side.	Range	4 /9	3–8 /9, step 1
Hold the image while the text scrolls Turns the section into an editorial split scroll on desktop. Ignored on one-column layouts. Shown when Layout is Side by side.	Checkbox	Off
Text
Spacing between blocks	Range	26 px	8–48 px, step 2
Body text Muted is the quietest. Ink matches the headings.	Select	Muted	Muted Soft Ink
Text width	Range	440 px	320–640 px, step 20
Settings every section has — Layout, spacing, motion and visibility — the same in every section.

Presets

• Image with text — Category: Media
  Starts with: Heading, Text, Button