Narrivelle
Home page sections
Reference every Narrivelle section available for the Home page.
Home page
Choose the right section for each storefront story
Open Customize → Home page → Add section. This reference includes only sections that have a preset and are enabled for the Home page (`index`) in Narrivelle; it is not a list of sections merely present in the current template configuration.
Build in a deliberate order
Start with the main campaign and its destination, then add product or collection-led merchandising, and finally editorial details that help customers decide. Preview the complete page before adding more sections.
Use section-specific controls
Each section owns its layout and content settings. Choose real images, products, collections, and links; editor-only placeholders or empty resource selections are not final storefront content.
Review the whole page
Test long headings, missing images, long button labels, compact width, keyboard focus, and reduced motion. Global Header and Footer are configured separately and should not be recreated in page-body sections.
Available Home page sections
These sections are available from the Home page section picker. Their positions and settings are managed in the Theme Editor.
Editorial hero
The leading campaign section for image-led storytelling.
- Settings
- Desktop image; Mobile image; Eyebrow; Heading; Text; CTA label/link; Text position/alignment; desktop/mobile height; text color; text protection.
- Review
- Provide both desktop and mobile images, a meaningful heading, and a real CTA destination. Check copy against light and dark media.
Featured edit
A selected collection presented as an editorial product grid.
- Settings
- Collection; heading; title treatment; price/index visibility; desktop grid; image ratio; second image.
- Review
- Choose a real collection with complete products. Check product cards, title wrapping, sale states, and media ratio.
Material & craft
A two-image editorial story with supporting copy and CTA.
- Settings
- Images; heading/text/CTA; text size, alignment, and position; image size; media side; background.
- Review
- Use images that support the copy and verify the order works at compact width.
Multi-column Highlights
A three-item detail section using image or icon-led Highlight blocks.
- Settings
- Heading; intro; media style; image ratio or icon color/size; Highlight block image/icon, heading, text, CTA label/link.
- Review
- Choose either image or icon media style for the section. Highlight blocks are limited to three, so use concise, distinct points such as material, proportion, and care.
Shoppable hero
A campaign image with positioned product hotspot blocks.
- Settings
- Desktop/mobile image; copy; layout; height; hotspot styling; colors; product hotspot blocks and positions.
- Review
- Every hotspot must select a real product. Test mobile editing mode and ensure hotspot labels remain usable over imagery.
Shoppable story
Editorial introduction followed by independent Story product blocks.
- Settings
- Intro copy; Story product blocks with product, optional image, and caption.
- Review
- Each block is an independent product story; it does not create a bundle or shared product price.
Pinned visual story
A scroll-led visual sequence built with Chapter blocks.
- Settings
- Intro settings; Chapter image/copy/CTA; index/type/alignment; media geometry; motion; background.
- Review
- Keep every chapter understandable without motion and verify reduced-motion behaviour.
Outfit composition
A look image with independent Outfit item product blocks.
- Settings
- Look image; editorial introduction; Outfit item product, optional title override.
- Review
- Select real products for each item. The section is not a bundle and does not create a combined price.
Featured product
A selected product with native Product blocks and supported app blocks.
- Settings
- Product; media layout; thumbnails; Product blocks; app blocks.
- Review
- Select the product before arranging its blocks. Keep a working Product form and validate variants, price, and purchase controls.
Collection list
A collection-led section using Collection card blocks.
- Settings
- Heading; intro; layout; Collection card collection, title override, focal point.
- Review
- Use real collections and do not leave placeholder cards visible on the storefront.
Email signup
Newsletter heading and supporting copy above Shopify signup.
- Settings
- Heading; supporting copy.
- Review
- Use consent-aware copy; Shopify manages the customer email submission.
Contact form
A Shopify-native contact form that can also be added to the Home page.
- Settings
- Layout style; form surface; heading; intro.
- Review
- Use for general store contact only. It is not a replacement for the dedicated theme-support workflow.
Scrolling text
Repeated Message blocks with optional links and motion settings.
- Settings
- Message blocks; text; link; visual and motion controls.
- Review
- Keep messages short and do not place critical information only in moving text.
Custom Liquid
A small merchant-authored Liquid insertion point.
- Settings
- Custom Liquid source.
- Review
- Use only for small, tested enhancements. Do not recreate checkout, payment, account, pickup, or provider-native output.