Skip to main content

Section Presets

Mind includes a generic Section that accepts any theme block and app block. It is the blank canvas of the theme: you drop in layouts, groups, headings, text, images, buttons, and any other theme block to build a layout that none of the ready-made sections cover.

The Section ships with 1 preset, a blank Section. Every block you add is fully editable, and you can nest blocks inside layouts and groups as deep as your design needs.

How to use section presets​

  1. In the theme editor, click Add section where you want the new section to sit.
  2. Search for Section in the section list.
  3. Select the Section preset.
  4. The empty section is added to the page. Click Add block inside it to add a Layout, Group, or any other theme block, then fill those blocks with content.

Available presets​

Section​

An empty section with no blocks. Start with a Layout block to split the section into columns, or a Group block to stack content, then add text, images, buttons, and other blocks inside them. Mind's own templates use it this way: the About 2 and About 3 pages place a two-column Layout with Text and Image blocks in a Section, and the Service detail 2 product template uses one for a Divider and a Text line. Besides the usual universal section settings, the Section's Padding group adds Left and Right padding, so you can inset the content from the page edges.

Section preset

Key blocks: Layout, Layout item, Group, and any theme or app block

tip

Presets are starting points. After you add one, you can freely edit, add, remove, or nest blocks inside it. Build a layout once, then duplicate the section from the theme editor's section menu to reuse it elsewhere on the page.

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 is on by default and 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 Appearance and Padding groups from the universal section settings, so you can give your custom code a color scheme, a background, and padding without writing CSS. Unlike most content sections, you can also add it to the header, footer, and features groups; it is only hidden from the popup group.

section-custom-liquid.webp