Section Presets
Ronin includes a generic Section builder that accepts any theme block and app block. It is the blank canvas of the theme: you drop in groups, layouts, text, images, buttons, and any other theme block to build a layout that none of the ready-made sections cover.
The Section builder ships with 3 presets: a blank Section builder, a FAQ, and an Icons with text row. Each preset is a pre-configured arrangement of blocks that you can edit, rearrange, or replace after adding it.
How to use section presets
- In the theme editor, click Add section where you want the new section to sit.
- Search for Section builder, FAQ, or Icons with text in the section list.
- Select the preset you need.
- The preset loads with its blocks already in place. Open any block to change its content, or add new blocks from the section's Add block button.
Available presets
Section builder
An empty section that starts with a Header group and a Body layout. Fill the header with a heading or text, then add columns to the body and drop any blocks into them. This is the preset to use when you want full control over the layout.
section-section.webp
Key blocks: Group, Layout
FAQ
A frequently asked questions section with a "Frequently asked questions" heading at the top and an accordion of five questions beneath it, centered in an 800px column. The accordion is a Collapse block set to accordion mode with dividers, so only one answer is open at a time, and the first question starts open. Each Accordion row has a header for the question with a plus icon and a Text block for the answer. Add more rows for more questions, or change the header icon and typography on each row.
section-section-faq.webp
Key blocks: Group, Reveal Heading, Collapse, Collapse row, Collapse header, Text
Icons with text
A three-column row of icon, title, and short description, ready for brand promises such as intentional design, made with care, or a team with a goal. It is a Layout block with three columns, each holding a centered Group that stacks an Icon and two Text blocks. Change the column count on the Layout block to fit more or fewer promises.
section-section-icons-with-text.webp
Key blocks: Layout, Layout item, Group, Icon, Text
Presets are starting points. After you add one, you can freely edit, add, remove, or nest blocks inside it. The preset only saves you the time of building the initial structure.
Utility sections
Two more sections give you a place for content that comes from outside the theme.
Apps
The Apps section holds app blocks from Shopify apps you have installed. It has a single setting, Make section margins the same as theme, which lines the app content up with the rest of the page. Use it when an app asks you to add its block to a page and you do not want it inside another section.
section-apps.webp
Custom Liquid
The Custom Liquid section renders any Liquid or HTML you paste into its Custom liquid field, such as app snippets, embed codes, or a small piece of custom markup. It carries the same universal section settings as other content sections, so you can give your custom code a width, a color scheme, a background, and padding without writing CSS. Unlike most content sections, you can also add it to the header and footer groups.
section-custom-liquid.webp