Shared content blocks

These blocks appear inside many different sections across the theme (banners, heading rows, content cards, slides, the popup, and more). Rather than repeat their settings on every section page, they’re documented once here — section pages just note that they support these blocks.

Every block below also has a Spacing group at the bottom (present on most blocks): set Top and Bottom spacing in rem, used on every screen size. Tick Use different spacing on mobile to set separate Top (mobile) and Bottom (mobile) values for phones. Default is 0 for all.

Heading

Adds a heading (H1–H6) to a section.

Heading — the text. Supports inline rich text (bold/italic/links). Wrap a word in [brackets] to apply the scheme’s “heading highlight” color to it, e.g. Made for [every day].
Tag — the actual HTML heading tag used (H1–H6) — matters for SEO/accessibility.
Size — the visual size (H0–H6), independent of the tag — lets you use an <h2> tag that’s styled to look like an H1, for example. Default H1.
Use a different size on mobile — turn on to set a different visual size on mobile.
- Size (mobile) (only when the above is on).

Scrolling heading

A heading that scrolls continuously across its container in a loop (a marquee). It has the same text settings as the Heading block, plus:

Heading, Tag, Size, Use a different size on mobile / Size (mobile) — as for the Heading block above.
Scrolling speed — how long one full loop takes; lower is faster. Range 10–120s, default 40s.
Scrolling direction — Left or Right. Default Left.
Space between / Space between (mobile) — the gap between each repeat of the heading. Range 0–10rem, default 2rem.

The heading stays still for visitors who have turned on reduced motion in their device settings.

Subheading

A small line of text shown above a heading (e.g. a category label or kicker).

Subheading — the text.

Rich text

A block of formatted body copy.

Rich text — the text, with full rich text formatting (bold, italic, lists, links).
Size — X-large to X-small. Default Base.
Balance line lengths — turn on to keep line lengths more even/consistent, avoiding an awkward single short word on the last line. Default off.

Button

Button label — the label.
Button link — where it links.
Style — Primary or Secondary (styled via Color schemes). Default Primary.

A self-contained email sign-up form with its own heading and message — used where a full newsletter block is needed inside a section (as opposed to the footer’s dedicated newsletter block, which is nearly identical).

Heading — default “Join the list”.
Heading size — X-large to X-small. Default Large.
Use a different size on mobile — turn on to set a separate mobile size.
Rich text — supporting text under the heading. Default: “Subscribe to our newsletter to get the latest news and updates.”
Placeholder — placeholder text for the email input. Default: “Enter your email address…”
Success message — shown under the email field once someone signs up, without reloading the page. A good place for a welcome discount code. Leave blank for the default: “Thanks for subscribing!”

Section heading

A ready-made group used at the top of many sections, combining a subheading, heading, rich text and button as a fixed layout (rather than being added as a freeform block).

Content alignment — Left or Center. Default Left.
Button position (only when alignment is Left) — Right of content or Below content. Default: Right of content.

It contains its own Subheading, Heading, Button and Rich text blocks (as described above) rather than requiring you to add them separately.

Product chip

A small, compact product preview (image, title, price) used inside slides and similar layouts — lighter weight than a full product card.

Product — the product to display.
Color scheme — default Scheme 1.

Product card (block)

Displays a single chosen product using the theme’s standard product card styling — used where you want to hand-pick individual products rather than pull in a whole collection.

Product — the product to display.

Product grid

Displays a hand-picked or dynamic list of products as a grid/carousel.

Products — the product list.
Products per slide — 1 or 2. Default 1.
Limit — how many products to show. Range 2–20, default 8.

Slide

Used inside carousel/slideshow sections — one slide per block.

Image and Second image — the slide’s image(s).
Video — an optional video, shown instead of the image.
Opacity — darkens/lightens the media so overlaid text stays readable. Range 0–100%, step 10%, default 50%.
Horizontal alignment / Vertical alignment — position of the content over the slide.
Max width — caps how wide the text content area is. Default 3X-large.
Color scheme — default Scheme 1.
Supports its own Subheading, Heading, Scrolling heading, Rich text, Button and Product chip blocks.

Content card

A media tile with overlaid text and a link — used in grids of cards (e.g. “Shop by category” style layouts).

Image / Video — the card’s media.
Opacity — range 0–100%, step 10%, default 50%.
Link — where the whole card links to.
Cursor button label — optional label shown next to the cursor on hover (a “View” style cursor tag).
Horizontal alignment / Vertical alignment — position of the text over the media.
Max width — caps the text content width. Default None.
Color scheme — default Scheme 1.
Supports its own Subheading, Heading, Rich text and Button blocks.

Countdown

A countdown timer to a target date/time.

Target date — format YYYY-MM-DD, e.g. 2030-01-01.
Target time (24-hour) — format HH:MM, e.g. 09:00.
Show labels — show “Days/Hours/Minutes/Seconds” captions. Default on.
Days/Hours/Minutes/Seconds label — customise each caption’s text.
Number size — H0–H6. Default H1.
Color scheme — default Scheme 1.
Action on expiry — Show message or Hide block. Default: Show message.
- Message (only if “show message”) — default “We’ve launched!”

Custom field

Adds a custom input field to a form (used, for example, in personalisation/gifting forms).

Label — the field’s label.
Field type — Text, Email, Phone, Number, Multi-line text, Radio buttons, or Checkboxes.
Options (radio/checkbox only) — comma-separated list of choices.
Required (not shown for checkboxes) — whether the field must be filled in.

Custom Liquid

Drops in raw Liquid code — for developers or pasting in third-party app embed snippets.

Custom Liquid — the code/snippet.

Only use this if you know what the snippet does; invalid Liquid can break the section.