Overview
Blocks are the building units you place inside sections to compose your pages. Instead of every section carrying a fixed layout, Helix lets you add, reorder, and nest blocks to build the exact content structure each section needs.
This group documents the theme blocks — the reusable blocks available across many sections through the Add block button. Section-specific blocks (such as footer menus or product details) are documented on their own section pages.
Think of blocks as interchangeable puzzle pieces: build a piece once, then add, remove, and rearrange it wherever it makes sense — no coding required.
How blocks work
Add a block — In the theme editor, select a section and click Add block. The block picker groups blocks by category (Basic, Layout, Forms, and so on).
Reorder — Drag blocks in the section tree to change their order on the page.
Nest with Group — The Group block is a container. Place blocks inside a Group to arrange them in a row or column, share a background, or wrap them in a single link. Groups can even sit inside other Groups.
Availability — Not every block appears in every section. A section's design decides which block categories it accepts.
Nesting
Blocks live inside sections, and they can also nest inside other blocks. This layering is what lets you build rich layouts from simple pieces — a Group holding a heading, text, and a price, with a second Group inside it holding two buttons:
On the left is the block tree as you arrange it in the editor; on the right is how those same blocks render on the storefront.
Some sections ship with locked blocks that keep the design consistent (for example, slideshow navigation). You can hide a locked block with the eye icon, but you cannot delete it.
Quick reference
Layout
Side-by-side table of products or plans, built from Feature and Column blocks.
Last updated