Theme v1.0.0Shopify Dawn 15.4.1
Product Setup
Product pages use the Product information section, followed by any sections you add below it. NAVEGaid extends Dawn’s product section with upsells, a warranty selector, a total price box, video, accordions and a sticky add-to-cart bar.
What the default template includes
product.json ships with Product information, Related products, Reviews, Before and after results, Values grid, Tilted product showcase and Simple CTA banner. Remove the ones you do not need.
Before you start
| Task | Where | Why |
|---|---|---|
| Add products with variants and media | Admin → Products | Feeds the gallery, variant picker and buy buttons. |
| Install a reviews app | Shopify App Store | Supplies star ratings. Optional — manual ratings also work. |
| Install Search & Discovery | Shopify App Store | Supplies related and complementary products. |
| Create warranty products | Admin → Products | Only if you use the Warranty Upsell block. |
Media gallery
| Setting | Options | Default |
|---|---|---|
| Layout | Stacked, 2 columns, Thumbnails, Thumbnail carousel, Left Thumbnail Stacked | Stacked |
| Mobile layout | 2 columns, Show thumbnails, Hide thumbnails | Hide thumbnails |
| Width | Small, Medium, Large | Large |
| Position | Left, Right | Left |
| Fit | Original, Fill | Original |
| Zoom | Open lightbox, Click and hover, No zoom | Open lightbox |
| Constrain to screen height | On / off | On |
| Hide other variant media after one is selected | On / off | Off |
| Editorial product layout | On / off | Off |
| Sticky content | On / off | On |
Product information blocks
Add these inside Product information and drag them into order. Blocks marked 1 can be used once.
| Block | Limit | What it does |
|---|---|---|
| Title | 1 | Product title with its own size, font and case. |
| Price | 1 | Price and compare-at price, with an optional custom layout and a Klarna payment message and popup. |
| Text | — | A line of text, such as the vendor. |
| Description | 1 | The product description. |
| Variant picker | 1 | Pills by default. List option names to show as image cards or dropdowns instead. |
| Quantity selector | 1 | Plus and minus quantity input. |
| Buy buttons | 1 | Add to cart, dynamic checkout buttons, gift card recipient fields and optional extra text. |
| Total Price Box | 1 | Live total of price × quantity plus any selected warranty, add-ons and upsells. Set the currency symbol and position in the block. |
| Product Upsell | 1 | Up to five products offered alongside, each with an optional tooltip. |
| Add-On Product | — | One product the customer can tick to add, optionally pre-selected. |
| Warranty Upsell | 1 | Choice between an included and a paid warranty product, with a help popup. |
| Confidence Booster | 1 | Three icons with short benefit text. |
| Icon with text | — | Up to three icon and heading pairs. |
| Inventory status | 1 | Low-stock message, with a threshold and optional count. |
| SKU | 1 | Variant SKU. |
| Product rating | 1 | Star rating from your reviews app. |
| Stars Review | — | Styled star rating from your reviews app or manual values. |
| Collapsible row | — | Expandable row with text or page content, or a link that scrolls to a section. |
| Accordion Group | — | Up to five rows in one block, each collapsible or navigating to a section. |
| Pop-up | — | Link that opens a page in a pop-up, such as a size chart. |
| Complementary products | 1 | Products from Search & Discovery, with pagination and quick add. |
| Video Carousel | 1 | Up to five .mp4 videos with titles and a shop button. |
| Sticky Add to Cart | 1 | Bar that appears after scrolling, with rating and optional section navigation. |
| Share | 1 | Share link. |
| Custom Liquid | — | Your own HTML or Liquid. |
| Apps | — | App blocks from installed apps. |
Variant picker styles
By default every option shows as pills. In the block settings, enter option names separated by commas — for example Color under Card picker options and Material under Dropdown picker options. Names are not case sensitive.
Warranty Upsell
Create two products in your admin — the included warranty and the paid warranty — and enter their product handles in the block (for example warranty-2-years). If a handle is not found, the block falls back to the names and price you enter under Fallback.
Rows that scroll to a section
Collapsible rows and Accordion Group rows can be set to Navigate instead of Collapsible. Enter the unique part of the target section’s ID (for example faq_section) and the row scrolls to that section. The Sticky Add to Cart navigation bar links to sections the same way.
Ratings
Stars Review, Product rating and the rating in Sticky Add to Cart read the standard review metafields written by apps such as Shopify Product Reviews, Judge.me and Loox.
| Metafield | Contains |
|---|---|
reviews.rating | Average rating. |
reviews.rating_count | Number of reviews. |
No reviews app?
Related products
The Related products section shows recommendations from Search & Discovery (default: 4 products in 4 columns, 2 on mobile). Adjust which products are recommended in the app.
Next
Was this page helpful?
Tell us whether this page answered your question.