Rich text

A fixed editorial composition: eyebrow, heading, body text, and a link, with an optional image beside the copy.

Merchant-addable
Yes
Settings
18
Block types
—
File
sections/rich-text.liquid

Used by default on: page.about

Screenshots pending

Captures for Rich text at desktop and mobile widths are generated from a live store by npm run shots. They appear here automatically once that has run.

When to use it

One focused brand message or campaign moment. Use Image with text split when you need flexible media combinations or reorderable content.

Setting it up

  1. Add the section and fill in Eyebrow, Heading, Body text, and Link under Content.
  2. Under Media, select an image, then choose Image position and Image edge. With Show image on and no image selected, a placeholder holds the image column so you can see the layout before you add one.
  3. Turn off Show image for the typography-led layout.
  4. Set Color scheme and Padding.

Where the content comes from

Section settings own all content.

Section settings

Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.

Content

Use this fixed editorial composition for one focused brand message or campaign moment. Choose Image with text split when you need flexible media combinations, overlays, or reorderable content.

EyebrowText
ID
eyebrow
Default
The evening edit
HeadingText
ID
heading
Default
Skin, in its softest light.
Heading sizeDropdown
ID
heading_size
Default
Large
  • Smallsmall
  • Mediummedium
  • Largelarge
Body textRich text
ID
text
Default
<p>Build an evening routine that restores comfort, softness, and the look of rested skin.</p>
Enable Read moreCheckbox

Shows a short preview with an inline control to reveal the full body text.

ID
enable_read_more
Default
Off
Shown when
text is set
Link labelText
ID
link_label
Default
Begin your barrier ritual
LinkLink
ID
link
Editorial side noteText

Separate short statements with · to show each one on its own line on mobile. Notes longer than 70 characters become a horizontal caption on desktop.

ID
side_note
Default
Crafted in small batches · Rooted in botanical wisdom
Mobile side note alignmentDropdown
ID
mobile_text_alignment
Default
Use theme setting
  • Use theme settingtheme
  • Leftleft
  • Centercenter

Editorial detail

Show circular promptCheckbox
ID
show_circular_prompt
Default
On
Circular prompt textText

Any text fills the circle. Shorter phrases keep the type most legible.

ID
circular_prompt_text
Default
The ritual continues
Shown when
show_circular_prompt

Media

Show imageCheckbox
ID
show_image
Default
On
ImageImage

3:4 aspect ratio recommended. A placeholder shows until you select an image. Turn off Show image for the typography-led layout.

ID
image
Shown when
show_image
Image positionDropdown
ID
media_position
Default
Left
Shown when
show_image
  • Leftleft
  • Rightright
Image edgeDropdown
ID
image_edge
Default
Tilt toward content
Shown when
show_image
  • Straightstraight
  • Tilt toward contenttilt

Appearance

Color schemeColor scheme
ID
color_scheme
Default
scheme-1

Padding

Top paddingSlider
ID
padding_top
Default
52
Range
0px to 100px, in steps of 4px
Bottom paddingSlider
ID
padding_bottom
Default
52
Range
0px to 100px, in steps of 4px