Page types and the section editor
Your storefront has six page types, each with its own independent list of sections:
Each section definition declares which page types it is
availableOn. You can only add a section to a page type it supports.
Locked sections
Two sections are locked and cannot be removed from their page:- Resource information (
resource_main) — always present on product pages - Collection resources (
collection_main) — always present on collection pages
All section types
Image slider
Image slider
A multi-slide banner with separate desktop and mobile images per slide, transition effects, and autoplay.Available on: homepage, product, collectionSection settings:
Blocks (up to 6 slides):Each slide block has its own title, subtitle, desktop image, mobile image, content alignment, overlay color and opacity, text color, and a single CTA button with label and link.
Featured collection
Featured collection
Displays a grid of products from a chosen collection with a configurable column count and optional “View All” link.Available on: homepage, product, contact
Rich text
Rich text
A block of formatted text content with an optional heading, useful for brand storytelling or policy text.Available on: homepage, product, collection, contact
Resource information (locked)
Resource information (locked)
The main product information block on a product page. This section is locked and cannot be removed.Available on: product only
Blocks:You configure which information blocks appear and in what order:
The Structured Accordion supports up to four items. Item 1 always renders the product description. Items 2–4 each have a title, optional rich-text content, and an optional metafield connection that overrides the manual content when set.
Collection resources (locked)
Collection resources (locked)
The main product grid on a collection page. This section is locked and cannot be removed.Available on: collection only
Contact form
Contact form
A customer contact form with optional phone field and configurable alignment.Available on: contact, homepage
FAQ
FAQ
An accordion-style FAQ section. Each FAQ item is a separate block with a question and rich-text answer.Available on: homepage, product, collection, contact
Blocks: Each FAQ item block has a Question (text) and an Answer (rich text).
Google Maps
Google Maps
Embeds a Google Maps location at a configurable zoom level and height.Available on: contact, homepage
Platform address
Platform address
Displays your store’s contact details — address, phone, email, and opening hours — with a configurable background.Available on: contact, homepage, about us
Image with text
Image with text
Places a side-by-side image and text block with an optional CTA button. Image position is configurable.Available on: homepage, about us, product
Features grid
Features grid
A grid of feature highlights, each with a Lucide icon, title, and description.Available on: homepage, about us, product
Blocks: Each feature block has an Icon (Lucide icon name, e.g.
Star), a Title, and a Description.Stats counter
Stats counter
An animated counter block displaying key numbers with labels and suffixes (e.g., “1,000+ happy customers”).Available on: homepage, about us
Blocks: Each stat block has a Number (text), a Label, and a Suffix (e.g.
+).Team / image grid
Team / image grid
A grid of team member cards or general image tiles with names and captions.Available on: homepage, about us
Blocks: Each member block has a Photo (image), a Name, and a Role/Caption.
Marquee
Marquee
A continuously scrolling ticker with repeating text items and Lucide icons. Useful for announcements, brand values, or promotional messaging.Available on: homepage, product, collection, about us
Blocks: Each marquee item has Text and an optional Icon (Lucide icon name, e.g.
Star).