Skip to main content

Block Types

Every custom block has a fixed type that determines what data (and, for a couple of types, what other top-level props) it receives, whether it has a settings panel, and where it renders in the app.

TypeSettings panelRendered
HeaderYesOnce, at the top of every page
FooterYesOnce, at the bottom of every page
Drawer MenuYesOnce, inside the slide-out navigation drawer
SectionYesWherever a merchant places it in a page's content area
PageYesAn entire page's content, in one go
Product List Item Display CardNoOnce per product, wherever a product list is shown
Collection List Item Display CardNoOnce per collection, wherever a collection list is shown
Product StickerNoOverlaid on a product image/card
Product InformationNoOnce, on the product details page

Header, Footer, Drawer Menu, Section, and Page are the blocks with settings - see Getting Started for how their files are laid out, and Settings Panel for how their configurable fields work.