Skip to main content

Sections

Sections are the building blocks of every page. Drag and drop them in the theme editor to compose your layout.

Homepage sections

SectionDescription
Hero bannerFull-width image or video with headline and CTA button
Featured collectionGrid of products from a selected collection
Announcement barScrolling or static text banner across the top
Rich textHeading + body copy + optional button
Image with textSide-by-side image and text, alternate layout
TestimonialsCarousel of customer reviews
NewsletterEmail capture with background color
VideoEmbedded or background video section

Collection sections

SectionDescription
Collection bannerHero image for the collection page
Product gridConfigurable columns (2–4), filter sidebar

Global sections

Global sections appear on every page and are managed from Sections → Header and Sections → Footer.

Adding a section

  1. Open the theme editor (Customize).
  2. Click Add section in the left panel.
  3. Choose the section type and configure its settings.