Rich text
Theme section
The Rich text section displays promotional text with custom layout and size, as well as optional images, video player, buttons, and other content and style blocks to design this section to your liking.
This section is great to welcome customers to your store, promotional content of all kinds, announcements, and more. It looks great between two image-focused sections.
Set up section
Add this section to any template (except Checkout) and use the drag-and-drop handles to re-order its position. You can add this section multiple times with different content and settings.
Editing a template changes all pages that use that template. To edit specific pages, you can create new templates or insert dynamic content with metafields
Add headings and text
Edit the Heading, Subheading, and Text blocks to add content to the Rich text section.
Add video player
Add a short video that customers can click to play within the section. You need to upload a .mp4 video to your Shopify admin and copy the link into your theme editor settings.
File Format | .mp4 video (required) |
---|---|
File size | Maximum 10MB (recommended) |
Duration | 5 - 10 seconds (recommended) |
Note | The autoplay video does not play audio. To embed a single video from YouTube or Vimeo with audio, see the Video section.
Customize video player
Once you've added your video, you can add a Preview image, adjust the shape (Aspect ratio), and customize the "Watch now" button.
Add call-to-action button
Add multiple Button blocks to link to your collections or products or any other page with a custom label.
Section style and layout
Change the content alignment, width and overall section style.
You can also add design blocks like the Spacer and Border to refine the look. Click (+) Add block and use the drag handles to move the blocks where you need them.
Settings reference
Click the following blocks to find their settings. Click (+) Add block to add new blocks, and use the drag-and-drop handles ⋮⋮
to change their order.
Available blocks
Block | Description |
---|---|
Accent | Add text to display a small heading above the main heading. |
Heading | Add text to display as a heading. |
Subheading | Add text to display below the heading |
Text | Add multiple lines of rich text. |
Image | Add a small image with a minimum width of 50px. Select Custom width and use the sliders to set the maximum size in pixels for both desktop and mobile screens. |
Button | Add a button with a custom link and label. Change the button style to Solid, Outline, or Text. |
Video player | Add a video from your Shopify files, YouTube, or Vimeo. Add a Video preview image with a custom Image aspect ratio. Change the Button text and Button icon style. |
Border | Add a horizontal line between blocks. |
Spacer | Add a margin of space between blocks. |
Click the Rich text section to find the following settings.
Section style
Setting | Description |
---|---|
Content alignment | Align all content to the Left, Center, or Right of the section. |
Enable animation | Choose whether to display visual effects when scrolling, hovering, or interacting with the section. See the Animation guide to learn more. |
Top divider | Show a solid border above the section to visually separate it from other sections. The Top divider uses the Lines and borders color selected in the theme color settings. |
Padding | Add a margin of space around the section to either the Top and bottom, Top only, Bottom only, or set it to None. |
Content width | Display the section at Full width or use the slider to set a custom width between |
Related links
Last updated