Layout blocks
Layout blocks are the structure the other blocks sit in — containers and columns, dividers and spacers, plus interactive groupings like accordions, tabs, and carousels. They organize a page rather than carrying content themselves.
The blocks
| Block | What it puts on the page |
|---|---|
Divider | A horizontal line between sections. |
Spacer | Deliberate empty space. The right way to separate two things — better than padding a block until the gap looks right. |
AccentLine | A short coloured line, usually under a heading. Decorative, and useful for signalling where a section starts. |
AccordionRoot | A stack of collapsible rows. Keeps a long page short, at the cost of hiding what is inside. |
AccordionItem | One collapsible row inside an accordion. |
TabsRoot | Tabbed content. Good for alternatives — Description / Shipping / Returns — and bad for anything people need to compare side by side. |
TabPanel | The contents of one tab. Lives inside a Tabs block. |
StepperRoot | Numbered steps. Use when the order genuinely matters — a decorative numbering on unordered items misleads. |
TimelineRoot | A sequence of steps or dates in order. Suits a process or a course outline. |
FAQListRoot | A list of questions and answers. Also feeds the structured data search engines read. |
FAQItem | One question and its answer, inside an FAQ list. |
CarouselRoot | A slideshow. Only the first slide is reliably seen, so put what matters there. |
PremiumTemplate | A pre-built section from the premium set — a whole layout in one block, ready to have its content swapped. |
LegacySection | An older section type kept so existing pages keep working. Not offered for new pages — use the current blocks instead. |
What happens — and what doesn't
- A Container is the wrapper that holds other blocks — a section is a root container; nested containers make columns.
- Spacer and Divider control rhythm between blocks; a spacer adds adjustable empty space, a divider draws a line.
- Interactive blocks (accordion, tabs, carousel) come in a Root plus item structure — the root holds the items.
- Empty structural containers you use as spacers are preserved on the live page, so intentional gaps survive publishing.
How do I make columns in the editor?
Use nested containers inside a section. The section is a root container; nesting containers inside it creates the columns your blocks sit in.
Why do accordions and tabs have a 'Root' block?
The Root is the container that holds the individual items — accordion items, tab panels. It's how the builder groups an interactive set into one block.
What this screen looks like in every state
| State | When you'll see it | What you see, and what to do |
|---|---|---|
| Empty | You haven't created anything here yet | “No pages found” — with a shortcut to create the first one. Nothing is wrong; there's just nothing to show yet. |
| Loading | The screen is fetching your data | A skeleton in the shape of the finished page. It should be brief — if it persists, the load has failed rather than stalled. |
| Error | The data couldn't be loaded | A message with a retry. Retry first: most of these are a dropped request, not a broken store. If it repeats, the outage is upstream and reloading won't help. |
| No access | Your role doesn't include this screen | A permission notice instead of the page. An owner or admin can grant access under Settings → Team. |
When something goes wrong
These are the messages this screen can show you, and what each one means.
| If you see | What to do |
|---|---|
| "…" is reserved for a built-in store page (like cart or checkout). Choose a different slug. | Retry the action. If it keeps happening, contact support with what you were doing. |
| Cannot delete the shop page. | The change didn't save. Retry — if it keeps failing, the request isn't reaching the server. |
| Delete the product to remove this page. | The change didn't save. Retry — if it keeps failing, the request isn't reaching the server. |
| Page title is required. | A required field is blank. Fill it in and save again. |
| This page is protected and cannot be deleted. | The change didn't save. Retry — if it keeps failing, the request isn't reaching the server. |