Skip to content

Rich Text

The rich text block outputs a paragraph or set of paragraphs using Shopify’s richtext field, which supports bold, italic, links, and lists out of the box. Like the title block, it offers per-breakpoint typography sizing and alignment, making it the go-to block for body copy across the theme. Sections render it as a static block when the text needs to come from a metafield, or as a theme block when editors should be free to add and reorder content.

Setting What it does
Block ID Anchor ID for in-page linking. Must be unique and handleized.
Text The richtext content. Supports paragraphs, headings, bold, italic, links, and lists.
Text color Optional color override for the text.
Font family Typeface override – serif, sans, or inherit from the parent section.
Mobile style Typography size on small screens. Grouped into Headings, Body Text, and Quotes.
Tablet style Typography size on tablet screens. Defaults to following the mobile style.
Desktop style Typography size on large screens. Defaults to following the tablet style.
Mobile alignment Text alignment on small screens.
Desktop alignment Text alignment on large screens. Falls back to the mobile value when set to “None.”

One of the most widely used blocks, appearing across content, editorial, and product sections:

  • The block hides itself automatically when the text field is empty, so you never get an empty wrapper in the markup.
  • Sections can pass a fallback_text param when rendering this block statically – if the editor leaves the text blank, the fallback fills in instead.
  • Body Text “MD (16px)” is the default style. Bump it up to “XL” or “2XL” for intro paragraphs or pull quotes without needing a separate block type.