Theme Sections
Sections are the top-level building blocks of your store's pages. Each section is a full-width container that holds content blocks. In the Shopify theme editor, you add sections to your pages and then fill them with blocks.
How sections work in Mind
Mind includes 100+ sections organized into these categories:
| Category | Count | Description |
|---|---|---|
| Header & Footer | 11 | Header, announcement bar, mega menus, predictive search, breadcrumb, floating sidebar, mobile tab navigator, footer |
| Hero | 14 | Banners, slideshows, hero banners, hero carousel, panorama slider, page titles |
| Collections | 6 | Collection lists, circles, categories, marquee, showcase tabs, stack list |
| Products | 16 | Featured products and collections, product scrollers, tabs, compare, related and recently viewed products, cart mini, quick view |
| Promotions | 5 | Bundles, combo bundle, countdown banners, subscription plan, call to action |
| Content | 15 | Rich text, columns, icon features, scrolling text, collapsible content, FAQs, contact, store locator, newsletters, blog posts |
| Editorial | 14 | Image with text variants, milestones, timeline, counters, logos, team sections |
| Services | 7 | Service grid, service detail, process and step-by-step sections |
| Media | 12 | Image banners, galleries, sliders, collages, shop the look, video |
| Testimonials | 4 | Customer reviews and image comparison |
| Popups | 4 | Promotions, age verification, countdown, sign up |
| Section Presets | 3 | The generic Section builder plus the Apps and Custom Liquid utility sections |
In addition, Mind includes main page sections that power the core pages (product, collection, cart, blog, article, search, 404, password, and standard pages). See Page Templates.
Section groups
Mind organizes certain sections into groups that appear on every page:
- Header group: Predictive search, Header, Mega menu links, Mega menu collections; you can add the Announcement bar, Mega menu about and Mega menu features
- Footer group: Footer
- Features group: Floating sidebar, Mobile tab navigator
- Overlay group: Cart mini, Quick view, Product compare modal
- Popup group: Popup age verification, Popup countdown promo, Popup promo, Popup sign up (empty by default)
Adding sections to a page
- In the Shopify admin, go to Online Store > Customize.
- Select the page template you want to edit.
- Click Add section in the left sidebar.
- Browse or search for a section.
- Click the section to add it to your page.
- Drag sections to reorder them.
The generic "Section" component
Mind includes a special Section component that acts as a blank canvas. It accepts any theme block, so you can build completely custom layouts from scratch. See Section Presets.
Universal section settings
Most sections share a set of common settings for color scheme, background, width, padding, and separators.