Theme v1.0.0Shopify Dawn 15.4.1
Section Reference
Add a section from the theme editor with Add section in the sidebar. Beyond the Dawn sections, NAVEGaid includes 38 custom sections, grouped below by what they are for. Section names are shown as they appear in the editor.
Controls custom sections share
| Control | What it does |
|---|---|
| Use global spacing | Uses the page width and section padding from Theme settings → Layout instead of the section’s own padding fields. Off by default. |
| Customize section corners | Rounds the section’s corners. Clip content to corners crops edge-to-edge images to the curve; leave it off for sections with menus, pop-ups or overlapping elements. |
| Use global typography / fonts | Takes fonts and heading styles from Theme settings → Typography instead of the section’s own font settings. |
| Desktop and mobile values | Most sizes and paddings have separate desktop and mobile settings. |
| Design image | Several sections can show one of the theme’s bundled demo images when no image is uploaded. Replace it with your own before launch. |
Heroes and banners
| Section | File | Blocks | Use it for |
|---|---|---|---|
| Hero with overlay | hero-with-overlay | Theme blocks: Group, Heading, Subheading, Text, Button | Full-width image or video with overlaid text and a color overlay. |
| Hero split | hero-split | — | Image beside text with an optional icon, heading and button; full mobile controls. |
| Hero split | split | — | A simpler version of the split hero with fewer options. |
| Hero video modal | video-modal-homepage | — | Heading and button over an image or video that opens a full-screen video player. |
| Carousel | carousel-slider | Absolute heading (1), Slide | Image and text slides with arrows and dots. |
| Simple CTA banner | simple-cta-banner | Heading, Button, Newsletter form (1) — max 3 | A compact banner with a heading and a button or email signup. |
| Promo cards | promo-cards-overlap | Card | Stacked promotional cards with background images; cards can overlap. |
| Subscription banner | subscription-banner | Subscription card (10), Promo card 2-column | Presenting subscription options as clickable cards beside an image. |
Two sections called “Hero split”
hero-split and split both appear as Hero split in the editor. hero-split is the fuller version, with mobile layout and global typography options.Products and collections
| Section | File | Blocks | Use it for |
|---|---|---|---|
| Essential collection grid | essential-collection-grid | Header (1), Product card | A hand-picked product grid that becomes a swipeable slider on mobile. |
| Product collection list | product-collection-list | Heading, Subheading, Text, FAQ | A collection grid with filters, sorting and FAQ content. Used by the default collection template. |
| Product collection alt | product-collection-list-alt | — | A leaner filtered product grid, paired with Collection Blocks for content. |
| Collection Blocks | collection-blocks | Heading, Subheading, Text, FAQ, Comparison Table | Content beside a collection, including a comparison table of up to five columns. |
| Discovery Hotspot | product-discovery-hotspot | Section Heading (1), Hotspot Pin (3), Product Card & Style (1) | A lifestyle image with pins that reveal product cards. |
| Tilted product showcase | tilted-product-showcase | — | Two tilted product images framing a central message and button. |
| Product upsell | upsell-section | Manual product (6) | Cross-selling products from a collection or a manual selection. |
| Product info | product-specification | Title (1), Product image column, Product desc column | Specification tables with supporting images. |
| Before and after results | before-after-results | Section heading, Before image, After image (1 each), Stat item | A draggable before/after comparison with result statistics. |
Content and layout
| Section | File | Blocks | Use it for |
|---|---|---|---|
| Featured cards | featured-cards | Feature card | Image cards with text on or below the image. |
| Feature cards | features-card | Feature card | An intro with a grid of image-and-text cards. |
| Features carousel | features-carousel | Feature card | A sliding row of feature cards with optional hover lift and parallax. |
| Flexible multicolumn | multicolumn-flexible | Column (3) | Up to three columns of text, image or bulleted list. |
| Two column | two-column | Column (2) | Two columns of image or text. |
| Two column background | two-column-bg | Column (2) | Two columns over a section background color or image. |
| Two column with banner | two-column-banner | Column (2) | A banner image with two columns beneath it. |
| Two column grid | two-column-grid | Left cell (1), Right cell (9) | One large cell beside a grid of up to nine small cells. |
| Four column background | four-columns-bg | Column (4) | Up to four columns over a background color or image. |
| Alternate card | card-alt | — | A two-column card: heading and text with highlighted words on one side, an image on the other. |
| Values grid | values-grid | Value | Brand values or benefits with icons or images. |
| Why choose | why-choose | Theme blocks: Why heading, Why group, Why icon, Why title, Why text | Reasons to buy, built from nested theme blocks. |
| Insights gallery | insights-gallery | Insight card | Interactive cards that change a large image, with optional auto-rotate. |
| Household gallery | household-gallery | Location | An image gallery switched by pill buttons, one set of images per location. |
| Editorial quote | editorial-quote | — | A large pull quote with author. |
| Community story | community-story | Image — max 2 | A heading, quote and rating beside up to two images. |
| FAQ with image | faq-section | Theme blocks: FAQ title, FAQ row | An accordion FAQ beside an optional sticky image. |
Reviews and social proof
| Section | File | Blocks | Use it for |
|---|---|---|---|
| Reviews | review-section-custom | Review row | A review summary with rating bars and written review rows. |
| Testimonial video slider | testimonial-slider | Video card | Short-form customer videos that open in a full-screen player with a shop button. |
| Press cards | press-card | Theme block: Press card | Press quotes with publication logos and product images. |
Reviews content is entered by hand
Footer
Custom footer (footer-custom) — see Footer.
Sections from Dawn
These Dawn sections are also available from Add section:
Apps · Blog posts · Collage · Collapsible content · Collection list · Contact form · Custom Liquid · Email signup · Featured collection · Featured product · Image banner · Image with text · Multicolumn · Multirow · Page · Rich text · Slideshow · Video
Featured collection has been rebuilt around theme blocks. Some sections only appear on their own templates: Email signup banner on the password page and Quick order list on product templates.
Template sections
Each page type has a main section that cannot be added elsewhere — for example Product information on product pages, Product grid on collection pages and Items and Subtotal on the cart page. See Templates & Pages.
Next
Was this page helpful?
Tell us whether this page answered your question.