Section Library
Sections.
NOVA includes 60+ sections that you can add, reorder, and configure from the Shopify theme editor. Every section supports colour scheme selection and responsive behaviour across all breakpoints.
Homepage
11| Section | File | Description |
|---|---|---|
| Hero | hero.liquid | Full-width hero with heading (inflection markup), subheading, CTA buttons, and background image or video. Supports transparent header overlay. |
| Collection List | collection-list.liquid | Grid of collection cards with image, title, and product count. Configurable columns (2–4) and image ratio. |
| Featured Collection | featured-collection.liquid | Product grid from a selected collection. Index rule header with label and "View all" link. Configurable product count and card style. |
| Product Carousel | product-carousel.liquid | Horizontal scrolling product cards with snap points. Includes navigation arrows and optional autoplay. |
| Editorial Split | editorial-split.liquid | Two-column layout: large image on one side, text content with heading, body, and CTA on the other. Reversible layout. |
| Collection Spotlight | collection-spotlight.liquid | Featured collection with large hero image, overlaid text, and inline product cards below. |
| Promo Banner | promo-banner.liquid | Full-width promotional banner with heading, body text, CTA button, and background image. Supports colour scheme override. |
| Benefits | benefits.liquid | Row of benefit items with icon, title, and description. Ideal for shipping, returns, and quality guarantees. |
| Testimonials | testimonials.liquid | Customer testimonial cards with quote text, author name, and optional star rating. Carousel or grid layout. |
| Blog Posts | blog-posts.liquid | Grid of recent blog articles with featured image, title, date, and excerpt. Select which blog to pull from. |
| Newsletter | newsletter.liquid | Email signup form with heading, description, and configurable success message. Integrates with Shopify customer marketing. |
Product
4| Section | File | Description |
|---|---|---|
| Main Product | main-product.liquid | Full product page with image gallery (stacked grid), sticky buy box, variant picker (colour swatches + size buttons), quantity selector, and dynamic checkout button. |
| Featured Product | featured-product.liquid | Standalone product showcase section for any page. Two-column layout with image and buy box. |
| Product Comparison | product-comparison.liquid | Side-by-side comparison table for up to 4 products. Shows key specs from metafields. |
| Quick View | quick-view.liquid | Drawer overlay rendering full product details via Section Rendering API. Triggered from product cards. |
Collection
1| Section | File | Description |
|---|---|---|
| Main Collection | main-collection.liquid | Collection page with product grid, sidebar filter rail (desktop), bottom sheet filters (mobile), active filter tags, sort dropdown, and empty state. |
Cart
2| Section | File | Description |
|---|---|---|
| Cart Drawer | cart-drawer.liquid | Slide-out cart overlay with line items, quantity controls, order note, and checkout button. Updates via AJAX. |
| Main Cart | main-cart.liquid | Full-page cart fallback with the same features as the drawer. Accessible when JavaScript is disabled. |
Search
2| Section | File | Description |
|---|---|---|
| Predictive Search | predictive-search.liquid | Search overlay with live results as you type. Shows products, collections, articles, and pages. |
| Main Search | main-search.liquid | Full search results page with product grid, faceted filtering, and empty state. |
Content
11| Section | File | Description |
|---|---|---|
| Rich Text | rich-text.liquid | Flexible text section with heading, body (rich text), and optional CTA. Supports colour scheme and width settings. |
| Image with Text | image-with-text.liquid | Two-column section with image and text content. Configurable image position, ratio, and colour scheme. |
| Video | video.liquid | Embedded or hosted video section. Supports YouTube, Vimeo, or Shopify-hosted video with poster image. |
| Gallery | gallery.liquid | Image gallery grid with configurable columns and optional lightbox. Supports captions. |
| Quote | quote.liquid | Full-width quote/blockquote section with large italic text, attribution, and decorative elements. |
| Logo List | logo-list.liquid | Row of partner/press logos with optional links. Configurable logo size and spacing. |
| FAQ | faq.liquid | Accordion-style FAQ with question/answer pairs. Accessible with keyboard navigation and ARIA attributes. |
| Trust | trust.liquid | Trust indicators section with icons, titles, and descriptions. Useful for security badges and guarantees. |
| Storytelling | storytelling.liquid | Multi-block narrative section with alternating image and text blocks for brand stories. |
| Custom Liquid | custom-liquid.liquid | Freeform Liquid code section for advanced customisation. Merchant-editable code field. |
| Apps | apps.liquid | Container for @app blocks. Drop any Shopify app section here. |
Navigation
3| Section | File | Description |
|---|---|---|
| Announcement Bar | announcement-bar.liquid | Top-of-page banner with customisable text, link, and colour scheme. Dismissible. |
| Header | header.liquid | Site header with logo, navigation (mega menu on desktop, drawer on mobile), search trigger, and cart icon with count. |
| Footer | footer.liquid | Site footer with menu columns, newsletter form, social links, payment icons, and copyright. |
Blog
2| Section | File | Description |
|---|---|---|
| Main Blog | main-blog.liquid | Blog listing page with article cards, featured image, title, date, author, and tag filtering. |
| Main Article | main-article.liquid | Article page with featured image, rich content body, author info, share links, and comment form. |
Customer Account
6| Section | File | Description |
|---|---|---|
| Login | main-login.liquid | Customer login form with email/password fields and "Forgot password" link. |
| Register | main-register.liquid | Customer registration form with name, email, and password fields. |
| Account | main-account.liquid | Account dashboard showing order history and default address. |
| Addresses | main-addresses.liquid | Address book management with add, edit, and delete functionality. |
| Order Detail | main-order.liquid | Individual order details with line items, fulfillment status, and tracking info. |
| Password Reset | main-reset.liquid | Password reset request and confirmation form. |
Specialty Pages
8| Section | File | Description |
|---|---|---|
| Store Locator | store-locator.liquid | Store/stockist finder with location list. Designed for page.stores template. |
| Returns | main-returns.liquid | Returns request page. Designed for page.returns template. |
| Wishlist | wishlist.liquid | Customer wishlist page. Designed for page.wishlist template with app block support. |
| Loyalty | loyalty.liquid | Loyalty/rewards page. Designed for page.loyalty template with app block support. |
| Contact Form | contact-form.liquid | Contact page with form fields and optional map/info blocks. |
| 404 | main-404.liquid | Not found page with search box, suggested links, and featured collections. |
| Password | main-password.liquid | Storefront password page shown when the store is password-protected. |
| Policy | main-policy.liquid | Legal policy page rendering Shopify policy content (privacy, refunds, terms, shipping). |
Section groups
NOVA uses three section groups that persist across all pages:
header-group.jsonAnnouncement bar + Header — appears on every page
footer-group.jsonFooter — appears on every page
overlay-group.jsonCart drawer + Predictive search — global overlays
Blocks
Sections use blocks for repeatable or optional content. Key block types include:
headingtextbuttonimagevideopricevariant-pickerbuy-buttonscollapsible-tabpickupshipping-infocomplementarygroup@app