Section Library
Sections.
Strata includes 38+ sections that you can add, reorder, and configure from the Shopify theme editor. The sidebar, header, bag rail, and mobile tab bar persist across all pages via layout groups.
Homepage
9| Section | File | Description |
|---|---|---|
| Hero Slideshow | hero-slideshow.liquid | Full-width hero with auto-advancing slides, editorial serif typography, eyebrow text, and CTA buttons. Background images with gradient overlay. |
| Benefits Strip | benefits-strip.liquid | Horizontal row of benefit items with icon, title, and subtitle. Ideal for shipping, returns, guarantees, and sustainability messaging. |
| Category Rail | category-rail.liquid | Horizontally scrolling category links with rounded pill buttons. Quick access to top-level product categories. |
| Product Grid Section | product-grid-section.liquid | Collection product grid with heading and "See all" link. Configurable collection source and product count. |
| Shop the Look | shop-the-look.liquid | Curated outfit/look section with large image and tagged product cards. Customers can add the complete look with size selection. |
| Most Loved | most-loved.liquid | Featured products section highlighting top-selling or highest-rated items from a selected collection. |
| Story Teaser | story-teaser.liquid | Brand story section with large image, pull quote, CTA button, and attribution. Drives traffic to About/Story pages. |
| UGC Gallery | ugc-gallery.liquid | User-generated content photo grid with Instagram-style handles and product name overlays on hover. |
| Reviews Showcase | reviews-showcase.liquid | Customer review cards with star ratings, title, body, reviewer name, and date. Includes aggregate rating display. |
Product
1| Section | File | Description |
|---|---|---|
| Main Product | main-product.liquid | Full product page with image gallery, colour swatches, size buttons, quantity selector, add-to-cart, and accordion product details. Dynamic variant resolution. |
Collection
2| Section | File | Description |
|---|---|---|
| Main Collection | main-collection.liquid | Collection page with product grid, sidebar filter panel (accordion facets, colour swatches, price range), sort dropdown, density toggle (3/4/5 columns), and pagination. |
| Collections List | main-collections-list.liquid | All collections page showing collection cards with images and titles. |
Navigation & Chrome
7| Section | File | Description |
|---|---|---|
| Sidebar | sidebar.liquid | Persistent left sidebar with logo, categorised nav groups (Shop, Collections, You, House), region selector, and account avatar. Collapsible on desktop, slide-out drawer on mobile. |
| Header | header.liquid | Top bar with search trigger, page title, and cart count. Works alongside the sidebar navigation. |
| Footer | footer.liquid | Site footer with menu columns, social links, payment icons, and copyright. |
| Mobile Tab Bar | mobile-tab-bar.liquid | Fixed bottom navigation bar on mobile with Home, Search, Bag, and Menu tabs for thumb-friendly navigation. |
| Bag Rail | bag-rail.liquid | Right-side cart panel showing bag items, free shipping progress bar, and checkout button. Dockable or overlay modes. |
| Command Palette | command-palette.liquid | macOS-style Cmd+K search overlay with predictive results for products, collections, and pages. Keyboard-first navigation. |
| Toast | toast.liquid | Non-blocking notification overlay for cart additions, errors, and status messages. Auto-dismisses after timeout. |
Cart
1| Section | File | Description |
|---|---|---|
| Main Cart | main-cart.liquid | Full-page cart with line items, quantity controls, and checkout button. Fallback for when JavaScript is disabled. |
Search
1| Section | File | Description |
|---|---|---|
| Main Search | main-search.liquid | Full search results page with product grid and empty state. |
Content Pages
7| Section | File | Description |
|---|---|---|
| Main Page | main-page.liquid | Generic page template for custom pages with rich text content. |
| About | main-about.liquid | Dedicated about page template with brand story layout. |
| Our Story | main-story.liquid | Brand story page with editorial layout, timeline, and imagery. |
| Contact | main-contact.liquid | Contact page with form fields and store information. |
| Help | main-help.liquid | Help/FAQ page with accordion questions and answers. |
| Wishlist | main-wishlist.liquid | Customer wishlist page using localStorage. Displays saved products with remove functionality. |
| Policy | main-policy-page.liquid | Two-column policy page with sticky left nav listing all store policies. Renders Shopify system policy content. |
Blog
2| Section | File | Description |
|---|---|---|
| Main Blog | main-blog.liquid | Blog listing page with article cards, featured images, titles, dates, and excerpts. |
| Main Article | main-article.liquid | Article page with featured image, rich content body, and author info. |
Customer Account
5| Section | File | Description |
|---|---|---|
| Account | main-account.liquid | Customer account dashboard showing order history. |
| Register | main-register.liquid | Customer registration form with name, email, and password fields. |
| Addresses | main-addresses.liquid | Address book management with add, edit, and delete functionality. |
| Activate Account | main-activate.liquid | Account activation form for customers invited by the merchant. |
| Reset Password | main-reset-password.liquid | Password reset request and confirmation form. |
Specialty
2| Section | File | Description |
|---|---|---|
| 404 | main-404.liquid | Not found page with message and link to continue shopping. |
| Password | main-password.liquid | Storefront password page shown when the store is password-protected. |
Layout sections
Strata uses layout-level sections that persist across all pages:
sidebar.liquidLeft sidebar navigation — visible on every page
header.liquidTop bar with search, title, and cart — visible on every page
footer.liquidFooter with menus, social, and payment icons
bag-rail.liquidRight-side cart rail — visible when docked mode is enabled
mobile-tab-bar.liquidBottom tab bar on mobile — Home, Search, Bag, Menu
command-palette.liquidGlobal Cmd+K search overlay
toast.liquidGlobal notification toast