34 sections,
one system.
Explore the sections available in the theme editor. Availability depends on the template or section group: Magazine cover hero is for the home page, pages and collections; Featured product is for the home page and pages; Related products and Recently viewed are for product pages; Header lives in the header group; Footer and Mobile bottom navigation live in the footer group. All other sections work on any template. Filter by category below and open a card for settings and examples.
All sections
- 01 / 34Hero
Magazine cover hero
Masthead row, large image with overlapping headline, optional page number and optional numbered in-this-issue strip.
READ THE DOCS → - 02 / 34Hero
Heritage · masthead
Established date, oversized title, hairline + thick rules, image, attached product display with up to 12 ledger rows.
READ THE DOCS → - 03 / 34Hero
Luxe · single product
Volume label, italic pull-quote, uppercase attribution, image, product title + meta + CTA. Up to 8 spec rows.
READ THE DOCS → - 04 / 34Hero
Color block
Stacked color blocks with per-block fg / bg tokens, rotation, caption / title / subtitle / image / CTA, side-flip.
READ THE DOCS → - 05 / 34Hero
Product scroller
Horizontal scrolling collection products with five card tones assigned by position. Built for DTC drops.
READ THE DOCS → - 06 / 34Hero
Specification strip
Terminal-style navigation, status text, annotated image, two CTAs, and up to six label/value spec cells. Inherits the active palette.
READ THE DOCS → - 07 / 34Hero
Warm · collections
Collection cards with image, title, product count, and link in a configurable 2–4 column grid. Optional announcement and italic heading.
READ THE DOCS → - 08 / 34Editorial
Image with text
Side-by-side image and copy block. Configurable side, image ratio, headline, body, CTA.
READ THE DOCS → - 09 / 34Editorial
Multi-column
Up to six benefit or feature blocks in 2–4 desktop columns. Uses an image or preset icon per column.
READ THE DOCS → - 10 / 34Editorial
Image hotspot
Positioned markers on an image, desktop popovers, mobile numbered list, no-JS list fallback.
READ THE DOCS → - 11 / 34Editorial
Lookbook
Three layouts — mosaic, editorial-split, stacked-story — with product chips on each tile.
READ THE DOCS → - 12 / 34Editorial
Before / after
Native range-input image reveal. Without JavaScript, images stack below 700 px and sit side-by-side on wider screens.
READ THE DOCS → - 13 / 34Editorial
Slideshow
Full-width rotating slides — each with its own image, text overlay, and CTA. Optional autoplay, arrows, and dots.
READ THE DOCS → - 14 / 34Editorial
Video
Hosted Shopify video or an external URL (YouTube / Vimeo) with an optional poster image and text overlay.
READ THE DOCS → - 15 / 34Editorial
Featured blog
Most recent posts from a chosen blog as a card grid — image, title, excerpt, date, and a view-all link.
READ THE DOCS → - 16 / 34Editorial
Editorial story
Typography-only editorial column with caption, heading, body, and an optional attribution below a hairline.
READ THE DOCS → - 17 / 34Editorial
Pull-quote
Single oversized quote with uppercase caption-style attribution and an optional source link.
READ THE DOCS → - 18 / 34Editorial
Promo banner
Campaign banner with real-date countdown support and configurable CTA. Sits above-the-fold or inline.
READ THE DOCS → - 19 / 34Social proof
Testimonials
Customer quotes with attribution and source — shown as a single static quote or a rotating quote with prev/next buttons (no autoplay).
READ THE DOCS → - 20 / 34Social proof
Press coverage
Publication logo and quote blocks for as-seen-in surfaces. Supports SVG and image logos.
READ THE DOCS → - 21 / 34Social proof
FAQ
Disclosure list with editorial hairlines. Loads accessible details / summary primitives.
READ THE DOCS → - 22 / 34Collections
Collection navigation
Menu-driven or collection-list-driven nav chips. Built for category-rich catalogs.
READ THE DOCS → - 23 / 34Collections
Featured collection
Headline plus product grid. Configurable count, layout, and a view-all CTA.
READ THE DOCS → - 24 / 34Collections
Page-numbered grid
Single editorial collection grid that prints a decorative mono page number on each card — not interactive pagination, sort, or filter controls.
READ THE DOCS → - 25 / 34Collections
Promo tiles
Up to 12 promotional tiles with headline, image, and CTA per tile. Configurable desktop and mobile layouts.
READ THE DOCS → - 26 / 34Product
Featured product
Single product surface with gallery, variant selector, and buy box. Available on home and page templates.
READ THE DOCS → - 27 / 34Product
B2B quick order
Multi-variant grid for signed-in B2B buyers. Reuses quantity-rule and tier-price surfaces.
READ THE DOCS → - 28 / 34Product
Related products
Cross-sell row driven by Shopify's product recommendations API; the complementary instance reads a merchant-curated metafield list first.
READ THE DOCS → - 29 / 34Product
Recently viewed
Client-side recent products list, deduplicated, with configurable count. No personalisation tracking.
READ THE DOCS → - 30 / 34Commerce
Newsletter
Email signup through Shopify with an optional consent checkbox and optional side image.
READ THE DOCS → - 31 / 34Commerce
Custom Liquid
Escape hatch for embedded HTML / Liquid. For merchants who need a one-off custom block.
READ THE DOCS → - 32 / 34Navigation
Header
Top chrome — three-level mega menu, predictive search, currency + market switcher, cart drawer toggle.
READ THE DOCS → - 33 / 34Navigation
Footer
Multi-column footer with newsletter slot, menu picker, payment icons, social links, and locale lockup.
READ THE DOCS → - 34 / 34Navigation
Mobile bottom navigation
Sticky bottom navigation for mobile viewports — home / browse / search / account; hidden at the top of the page and revealed once the header scrolls away.
READ THE DOCS →