A section is a full-width band on a page, such as a hero banner, a product grid, or the footer. Sections stack from top to bottom. A block is a piece inside a section: text, an image, a button, a divider, or a group. Some sections have fixed blocks (the header always has logo, menu, search, cart, and localization), while most let you add, remove, and reorder blocks freely.
To edit either one, click it in the preview (with Inspector on) or pick it in the Sections tab. Its settings open in the panel.
Adding a section or block
- In the builder, open the page with the Pages tab.
- In the Sections tab, click Add new section. Or open a section's menu and choose Add section before or Add section after.
- Pick a section type. Large lists are grouped by category.
- To add a block, select a section and click Add new block, or use Add block before and Add block after in a block's menu.
Reordering
Drag a section row in the Sections list to move it up or down. Blocks move the same way inside their section. The preview updates as you drop.
More actions
Right-click a row, or use the Menu button at the top of the settings panel, for:
- Copy, Paste, and the style-only versions: Copy and paste sections, blocks, and styles.
- Duplicate, Hide, and Delete: Duplicate, hide, or delete sections and blocks.
- Apply to all pages: Apply a section to all pages.
Which sections each page offers
- Any page: Header, Footer, Announcement bar, Text, Image, Divider, Social media icons, Newsletter, Animated waves, Animated particles, Back to top, and Custom code.
- Every page except thanks, search, and 404: FAQ.
- Every page except checkout and thanks: Exit offer.
- Home, product, landing, collection, collections, and search: Recent orders.
- Home, product, landing, collection, and collections: Before and after.
- Home only: Hero, Slideshow, Featured products, Indicator, and Benefits.
- Home and Collections page: Collections.
- Product and landing: Reviews and Related products, plus Product info or Landing info.
- Collection: Collection products and Sub collections.
- Each other page has its own main section: Cart, Checkout, Order confirmation, Search products, Policy, Contact, and 404.
The picker only lists sections allowed on the page you are on. See Home page sections, Product and landing page sections, Global sections, and Sections for any page and system pages.
Required sections
Product info, Landing info, Collection products, Search products, Cart, Checkout, Order confirmation, Contact, Policy, and 404 are required on their page. You can style them, but not delete them.
Limits per page
Each type has a maximum per page, for example 1 header, 1 footer, 2 announcement bars, 3 text sections, 3 image sections, 10 dividers, 2 custom code sections, 2 slideshows, 2 featured product sections, 2 indicators, 3 before and after sections, and 5 animated waves or particles. When a type is full it leaves the picker, and when no type has room left the add button is turned off and shows the count. Blocks have limits inside each section too.