Skip to content

Block Reference

Blocks are the content pieces inside a section. Merchants add, remove and reorder them; some are pinned to fixed positions by the section itself.

Block What it’s for
Brag Bar Row of proof-point figures on the hero
Brag Stat One figure and caption inside the Brag Bar
Button A single CTA button or text link
Product Row Card Product card with badge, price and add-to-cart
Header Meganav Top-level nav item with a dropdown panel
Jump Nav Row of coloured pill links for jumping between sections
Testimonial A single customer quote with attribution
Product Pack Selector “Choose Quantity” pack cards with per-unit price and savings
Product Frequency One-time vs subscribe-and-save picker
Product Price Display Large price line with supply suffix
Pairs Well With Cross-sell rows with an Add button
Block What it’s for
Title Heading with level and per-breakpoint type size
Rich text Formatted body copy with size and alignment
Text Legacy minimal text block — use Rich text instead
Content Wrapper grouping a heading, copy, image, list and buttons
Buttons Group of CTAs with direction and alignment
Tag Short uppercase label above a heading
Callout Bar Coloured banner with a message and a button
Block What it’s for
Image A single image with loading and priority controls
Media Image or video in one block, with aspect ratio
Video YouTube embed or uploaded video file
Block What it’s for
Accordion Stack of expandable rows
Accordion Item One row inside an Accordion
List Bulleted or numbered list
List Item One row in a List, optionally with an icon
Stats Vertical list of figure-and-label rows
Stat One figure and label inside Stats
Feature Centred image, heading, copy and buttons
Icon Icon with a heading and description

The theme has 83 blocks. See the Docs Backlog for the full inventory and priority order.

Some blocks appear at a fixed spot rather than in the reorderable list — a title above a product grid, for instance. These are the same block files; only the rendering differs.

Practically, this means a merchant can edit a static block’s content but can’t move or delete it. That’s usually deliberate: the section’s layout depends on it being where it is.

Several blocks show up in many sections:

  • Title — heading with level (h1h6) and per-breakpoint type size
  • Rich text — formatted copy with per-breakpoint size and alignment
  • Buttons — one or more CTAs with direction and alignment control
  • Image, Media, Video — media

Their settings are consistent wherever they appear, so learning them once carries across the theme.