Nineteen blocks, and what each one is for.

Every page in your shop is built from these — dragged into place, nested in columns, and arranged until the page reads the way you want it to. The header and the footer are built the same way, from lists of their own.

• Columns

  Blocks side by side. Each column holds its own blocks, and a column can hold columns — which is how a layout gets built rather than picked from a list.

• Tabs

  One panel at a time, chosen by a strip of buttons. Each tab holds its own blocks, so a size guide and a care guide can live in the same space.

• Heading

  A section title, with an optional line above it — the small tracked-out label that tells a reader what changed.

• Text

  Paragraphs, written the way you write anything: headings, lists, links and colour. What it saves is cleaned to an allowlist first.

• Image

  One picture, with an optional caption. Inside the page's margins, or edge to edge when you say so.

• ‹›

  Image slider

  Several pictures the shopper swipes or clicks through, with arrows and dots. Full width, or capped at the page's own maximum.

• Products

  Live products from your catalogue — a hand-picked few, or the whole category paged as the shopper scrolls.

• Product carousel

  Products in a row the shopper scrolls through: how many across on a phone and on a desktop, arrows, dots, autoplay, and stock or description on the card.

• Call to action

  A headline and a button on a dark panel — the thing you put where a decision belongs.

• 40PX

  Spacer

  Empty vertical room. Sometimes the block a page needs is nothing at all.

• Hero banner

  The banner at the top: one picture or several that change on their own, copy over it or beside it, full width either way.

• FREE SHIPPING✳30-DAY RETURNS✳NEW IN

  Marquee

  The scrolling strip under the hero. Its messages are yours to write — free shipping, opening hours, a new drop.

• Product rails

  Horizontal rows of products from the catalogue, the way a shop shows a season without making anyone choose yet.

• Category grid

  Category tiles that link to the filtered listing, so the shop's own shape is the navigation.

• Featured collection

  The full-width collection panel — a picture on one side, the story on the other. Desktop only.

• Customer photos

  The community grid from your feed: what people actually wore, under the things you sell.

• Newsletter

  The sign-up panel — an address, a button, and a line saying what they will get.

• Mobile greeting

  The greeting line shown only on phones, where the screen is too small to waste on chrome.

• Mobile chips

  The category chips shown only on phones — a thumb-sized way through the catalogue.

Each sketch is what the block does, not a screenshot of one shop's version of it — how it looks is your theme's decision.