Sections
Add, remove, and reorder sections in the editor. Every section has its own settings and colour scheme.
Homepage sections
Common homepage sections:
- Hero — the headline banner. On phones it stacks (text on a clean background, image in its own band below) so nothing overlaps a busy photo.
- Featured collection — a product grid with optional quick-add.
- Countdown — a real end-date timer, no fake evergreen loops.
- Testimonials, Trust badges, FAQ, Blog posts, Newsletter.
- Marquees — a small announcement strip and an oversized display headline, both seamless and accessible.
Full section reference
| Section | Purpose |
|---|---|
| Hero | Full-width headline banner with image, text, and up to two buttons |
| Announcement marquee | Scrolling strip of short promo messages |
| Display marquee | Oversized scrolling typographic band |
| Featured collection | Product grid from a chosen collection |
| Featured product | A single product highlighted with media and buy controls |
| Collection list | A grid of collections with images |
| Countdown | Real date/time promotion timer |
| Testimonials | Customer quotes with optional ratings |
| Trust badges | Icon-and-text reassurances |
| FAQ | Expandable Q&A; emits FAQ structured data |
| Collapsible content | General accordion content |
| Blog posts | Latest journal articles |
| Newsletter | Email sign-up |
| Rich text | Formatted text block with heading and buttons |
| Image with text | Image beside a text column |
| Gallery | Image grid / mosaic |
| Collage | Mixed media collage layout |
| Multicolumn | Repeating columns of icon/image + text |
| Logo list | Row of partner or press logos |
| Slideshow | Rotating banner slides |
| Video | Hosted or external video block |
| Contact form | Styled contact form section |
| Custom Liquid | Drop in your own markup or app snippet |
| Story | Block-based editorial About page (see below) |
| Collection banner | Image header for collections, auto-filled from the collection |
| Product recommendations | Native “you may also like” grid on product pages |
| Recently viewed | Products the shopper has browsed, from local history |
Header & search
Layout
Three layouts: logo left, logo left with the menu below, and logo centred with the menu below. The menu-below layouts apply on wider screens; phones use the drawer menu.
Mega menu
Enable the mega menu so a top-level item opens a full-width panel with columns — ideal when a menu item has a third level of links.
Predictive search
The search icon opens a panel. As the shopper types, matching products (with prices and sale badges) and query suggestions appear instantly; Enter goes to the full results page. No configuration required.
Sticky header
Optionally keep the header visible as the shopper scrolls.
Footer
| Feature | Notes |
|---|---|
| Menu & text blocks | Link columns and a short about paragraph |
| Social icons | Appear automatically for networks set under Brand |
| Trust badges | Up to two custom badge images (payment, guarantee, compliance). Upload in Settings → Files |
| Country / language selector | Shown automatically when Markets offers more than one country or language |
| ”Powered by Shopify” | Toggle. On by default |
| Payment icons | Shows the payment methods enabled on your store |
Story / About page
Assign a page to the page.story template to build an editorial About page from
the Story section. Its blocks:
- Intro — eyebrow, heading, lead paragraph, optional image.
- Image + text — alternating left/right rows.
- Stats, pull-quote, values grid, timeline, full-bleed banner, and a closing CTA.
Reorder or drop blocks freely to tell your brand’s story.