Sections reference

All sections

Every section available in the Vellum theme editor, generated directly from each section's schema and header comment so this list can't fall out of date with the code.

Accordion list

Displays grouped questions, policy rows, or help topics.

Announcement bar

Displays merchant-managed announcements above the header.

Article

Displays article content with editorial typography, a reading- progress indicator, a "Pieces in this story" pr…

Blog

Displays a journal-style blog listing with a hero, featured article, article cards, empty state, and paginatio…

Cart

Displays the full cart page with editable line items, discounts, cart notes, totals, and checkout actions.

Cart drawer

Displays a global cart drawer surface using the shared cart line item snippet.

Category grid

Displays storefront category tiles for shopping entry points.

Chip list

Displays aesthetic or merchandising links as wrapping chips.

Collection

Displays collection products with Shopify facets, sorting, active filters, empty states, and pagination.

Collections grid

Displays all collections in a responsive editorial grid, paginated so every collection stays reachable and cra…

Contact form

Displays a WhatsApp-first support page - WhatsApp card, then Email/Track-order (block-configurable), then the …

Custom Liquid

Gives merchants a Shopify-native place for small Liquid snippets and app-provided embeds without adding app-de…

Custom section

Provides a flexible section wrapper for theme blocks and an optional background image.

Customer reviews

A lightweight, merchant-authored testimonials strip. It is the "main" section on templates/page.reviews.json (…

Feature grid

Displays product-detail feature highlights in a compact grid.

Fit guide

Steps 2-5 of the fit guide (Step 1 - "which iPhone do you have" - is the shared sections/model-selector.liquid…

Footer

Displays a recently-viewed rail, newsletter signup, footer navigation, trust messaging, payment icons, policy …

Gifting

Gifting landing page - category tiles, a gift-card amount picker linking to the merchant's native gift card pr…

Guide steps

Displays step-by-step guide cards, specs, and notes.

Header

Displays the storefront header with configurable menu, logo, open search form, account, optional wishlist, and…

Help centre

Displays a searchable FAQ hub - search field, two quick-link tiles, an FAQ accordion (shared snippets/faq.liqu…

Hero banner

Displays the storefront hero with image, editorial copy, CTAs, and trust text.

Hero product

Alternate homepage hero variant - flat product shots (up to 3) between hairlines instead of hero-banner.liquid…

Image with text

Displays a storefront feature with image, copy, bullets, and CTA.

Intro banner

Provides a clean default page while Vellum storefront sections are built from the handoff.

Model selector

Lets shoppers select an iPhone model from merchant-defined pills.

Newsletter signup

Displays the storefront newsletter signup band.

Not found

Displays a friendly 404 state with a gold case glyph, routes back to shopping and search, and a recommendation…

Page

Displays Shopify's built-in policy pages (privacy, terms of service, shipping, refund) in the legal-page patte…

Page

Displays Shopify page content in a readable single-column layout.

Page hero

Displays an editorial page heading with a linked breadcrumb trail, image, and CTA.

Password

Displays the password-protected storefront entry page, with newsletter signup as the primary action and passwo…

Product

Displays product media and a merchant-reorderable product form.

Product features

Centred heading over an icon grid of product feature highlights (e.g. scratch-resistant shield, drop protectio…

Product rail

Displays a horizontally scrollable product rail from a selected collection.

Product recommendations

Displays Shopify's native related or complementary product recommendations below the main product form.

Recently viewed

Standalone, placeable "recently viewed" rail - the same client-only, localStorage-hydrated rail sections/foote…

Reel videos

Displays a horizontally scrolling set of Shopify-hosted videos or optional Instagram embeds, with linked produ…

Search

Displays committed Shopify search results in the handoff results layout with model context, real facets/sort (…

Shipping progress bar

A slim strip showing shoppers how close their real cart subtotal is to a merchant-set free-shipping threshold,…

Slideshow

Displays a responsive image slideshow with separate desktop and mobile images, optional banner copy, and whole…

Social gallery

Displays merchant-managed customer image tiles and review summary.

WhatsApp community

Promotes the storefront's WhatsApp community/channel with an optional discount code to drive joins.

Wishlist

Displays the shopper's saved products. The wishlist itself lives entirely in localStorage (assets/wishlist.js)…