Skip to content

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

ControlWhat it does
Use global spacingUses the page width and section padding from Theme settings → Layout instead of the section’s own padding fields. Off by default.
Customize section cornersRounds 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 / fontsTakes fonts and heading styles from Theme settings → Typography instead of the section’s own font settings.
Desktop and mobile valuesMost sizes and paddings have separate desktop and mobile settings.
Design imageSeveral 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

SectionFileBlocksUse it for
Hero with overlayhero-with-overlayTheme blocks: Group, Heading, Subheading, Text, ButtonFull-width image or video with overlaid text and a color overlay.
Hero splithero-split—Image beside text with an optional icon, heading and button; full mobile controls.
Hero splitsplit—A simpler version of the split hero with fewer options.
Hero video modalvideo-modal-homepage—Heading and button over an image or video that opens a full-screen video player.
Carouselcarousel-sliderAbsolute heading (1), SlideImage and text slides with arrows and dots.
Simple CTA bannersimple-cta-bannerHeading, Button, Newsletter form (1) — max 3A compact banner with a heading and a button or email signup.
Promo cardspromo-cards-overlapCardStacked promotional cards with background images; cards can overlap.
Subscription bannersubscription-bannerSubscription card (10), Promo card 2-columnPresenting 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

SectionFileBlocksUse it for
Essential collection gridessential-collection-gridHeader (1), Product cardA hand-picked product grid that becomes a swipeable slider on mobile.
Product collection listproduct-collection-listHeading, Subheading, Text, FAQA collection grid with filters, sorting and FAQ content. Used by the default collection template.
Product collection altproduct-collection-list-alt—A leaner filtered product grid, paired with Collection Blocks for content.
Collection Blockscollection-blocksHeading, Subheading, Text, FAQ, Comparison TableContent beside a collection, including a comparison table of up to five columns.
Discovery Hotspotproduct-discovery-hotspotSection Heading (1), Hotspot Pin (3), Product Card & Style (1)A lifestyle image with pins that reveal product cards.
Tilted product showcasetilted-product-showcase—Two tilted product images framing a central message and button.
Product upsellupsell-sectionManual product (6)Cross-selling products from a collection or a manual selection.
Product infoproduct-specificationTitle (1), Product image column, Product desc columnSpecification tables with supporting images.
Before and after resultsbefore-after-resultsSection heading, Before image, After image (1 each), Stat itemA draggable before/after comparison with result statistics.

Content and layout

SectionFileBlocksUse it for
Featured cardsfeatured-cardsFeature cardImage cards with text on or below the image.
Feature cardsfeatures-cardFeature cardAn intro with a grid of image-and-text cards.
Features carouselfeatures-carouselFeature cardA sliding row of feature cards with optional hover lift and parallax.
Flexible multicolumnmulticolumn-flexibleColumn (3)Up to three columns of text, image or bulleted list.
Two columntwo-columnColumn (2)Two columns of image or text.
Two column backgroundtwo-column-bgColumn (2)Two columns over a section background color or image.
Two column with bannertwo-column-bannerColumn (2)A banner image with two columns beneath it.
Two column gridtwo-column-gridLeft cell (1), Right cell (9)One large cell beside a grid of up to nine small cells.
Four column backgroundfour-columns-bgColumn (4)Up to four columns over a background color or image.
Alternate cardcard-alt—A two-column card: heading and text with highlighted words on one side, an image on the other.
Values gridvalues-gridValueBrand values or benefits with icons or images.
Why choosewhy-chooseTheme blocks: Why heading, Why group, Why icon, Why title, Why textReasons to buy, built from nested theme blocks.
Insights galleryinsights-galleryInsight cardInteractive cards that change a large image, with optional auto-rotate.
Household galleryhousehold-galleryLocationAn image gallery switched by pill buttons, one set of images per location.
Editorial quoteeditorial-quote—A large pull quote with author.
Community storycommunity-storyImage — max 2A heading, quote and rating beside up to two images.
FAQ with imagefaq-sectionTheme blocks: FAQ title, FAQ rowAn accordion FAQ beside an optional sticky image.

Reviews and social proof

SectionFileBlocksUse it for
Reviewsreview-section-customReview rowA review summary with rating bars and written review rows.
Testimonial video slidertestimonial-sliderVideo cardShort-form customer videos that open in a full-screen player with a shop button.
Press cardspress-cardTheme block: Press cardPress quotes with publication logos and product images.

Reviews content is entered by hand

The Reviews section displays the rating summary and review rows you type into it. It does not read from a review app. For live ratings, use the rating blocks on the product page — see Product Setup.

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

See how theme blocks work in Theme Blocks.

Was this page helpful?

Tell us whether this page answered your question.