Rich text

Formatted copy with heading, body, and button blocks. The simplest section in the theme.

Merchant-addable
Yes
Settings
14
Block types
3
File
sections/rich-text.liquid

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

Statements, intros, and anywhere copy needs to stand alone without media.

Setting it up

  1. Add the section and add Heading, Text, and Buttons blocks.
  2. Set Color and Padding.

Where the content comes from

Blocks 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.

Text alignmentDropdown
ID
text_alignment
Default
Center
  • Leftleft
  • Centercenter
  • Rightright
Content widthDropdown
ID
content_width
Default
Medium
  • Narrownarrow
  • Mediummedium
  • Widewide

Color

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

Blocks

Blocks are added, reordered, duplicated, and removed inside the section. Each type has its own settings.

Heading heading max 1

HeadingText
ID
heading
Default
Talk about your brand
Heading sizeDropdown
ID
heading_size
Default
Medium
  • Smallh2
  • Mediumh1
  • Largeh0

Text text max 1

TextRich text
ID
text
Default
<p>Share information about your brand with your customers. Describe a product, make announcements, or welcome customers to your store.</p>

Buttons buttons max 1

First button labelText
ID
button_label_1
Default
Shop now
First button linkLink
ID
button_link_1
First button styleDropdown
ID
button_style_1
Default
Solid
  • Solidsolid
  • Outlineoutline
Second button labelText
ID
button_label_2
Second button linkLink
ID
button_link_2
Second button styleDropdown
ID
button_style_2
Default
Outline
  • Solidsolid
  • Outlineoutline