How to Access the Editorial Rich Text Section
- Go to Admin → Online Store → Themes
- Click Customize on your active theme
- Open the required Template
- Search for and select the Rich text: Editorial section
- Click Add block to add new content blocks
- Inside the Group block, you can add:
- Title
- Rich text
- Button
- Additional content blocks
This section is ideal for creating editorial-style content areas, brand storytelling sections, mission statements, promotional text, and call-to-action layouts.
| Settings | Description |
|---|---|
| Width | Choose the content container width for the Editorial Rich text section. Available options include Page width and Full width. |
| Direction | Vertical: Display content blocks one below another.Horizontal: Display content blocks side by side horizontally. |
| Alignment | Control the alignment of the content. Available options include Left, Center, and Right. |
| Position | Set the content position inside the section container. |
| Gap | Adjust the spacing between content blocks and groups. |
| Color Scheme | Select a predefined color scheme that matches your store branding and layout style. |
| Padding Top | Add top spacing for the section separately for Desktop, Tablet, and Mobile devices. |
| Padding Bottom | Add bottom spacing for the section separately for Desktop, Tablet, and Mobile devices. |
| Add Block | Dynamically add new content blocks inside the Editorial Rich text section. |
| Group Block | Organize multiple content elements together inside a structured content group. |
| Title Block | Add headings or highlighted editorial titles such as mission statements or promotional headings. |
| Rich Text Block | Add paragraph content, brand descriptions, storytelling content, or formatted editorial text. |
| Button Block | Add call-to-action buttons for navigation, contact pages, or promotional links. |
| Multiple Groups | Create multiple editorial content groups inside the same section for flexible content layouts. |
| Responsive Layout | The section automatically adjusts content spacing and alignment for desktop, tablet, and mobile devices. |
| Custom CSS | Add custom CSS styles to further customize the appearance and layout of the section. |