Theme v1.0.0Shopify Dawn 15.4.1
Theme Blocks
Theme blocks are reusable pieces stored in the theme’s blocks/ folder. Unlike ordinary section blocks, they can be used in any section that accepts them, and some can hold other blocks inside them. NAVEGaid ships 25 theme blocks.
Sections that accept theme blocks
| Section | Blocks it is built from |
|---|---|
| Featured collection | Header, Collection title, View all button, Product card and its card blocks |
| Hero with overlay | Group, Heading, Subheading, Text, Button |
| Why choose | Why heading, Why group, Why icon, Why title, Why text |
| FAQ with image | FAQ title, FAQ row |
| Press cards | Press card |
These sections also accept app blocks and the Custom Liquid block.
Adding and nesting blocks
Select the section
In the theme editor sidebar, select one of the sections above.
Add a block
Select Add block under the section and choose from the list.
Nest blocks inside a container
Container blocks — Group, Why group, Header and Product card — have their own Add block button. Drag blocks in the sidebar to reorder them.
Featured collection blocks
The Featured collection section shows products from the collection chosen in its settings. Its Product card block is a template: the blocks you place inside it are repeated for every product shown.
| Block | File | Purpose |
|---|---|---|
| Header | collection-header | Container for the title and button, with layout and alignment. |
| Collection title | collection-title | The collection name, or your own title. |
| View all button | collection-view-all | Link to the full collection. |
| Product card | product-card | Container repeated for each product. |
| Media | card-media | Product image, optional second image and zoom on hover, badges. |
| Product title | card-title | Product name. |
| Price | card-price | Price with optional compare-at price. |
| Review stars | card-review-stars | Star rating with optional review count. |
| Swatches | card-swatches | Color swatches for variants. |
| SKU | card-sku | Variant SKU with an optional prefix. |
| Buy buttons | card-buy-buttons | Add to cart button. |
Hero blocks
| Block | File | Purpose |
|---|---|---|
| Group | hero-group | Container with layout, width, background and padding; stacks on mobile. |
| Heading | hero-heading | Main heading, with an optional italic phrase. |
| Subheading | hero-subheading | Short line above or below the heading. |
| Text | hero-text | Paragraph text. |
| Button | hero-button | Primary or secondary button with hover colors. |
Why choose blocks
| Block | File | Purpose |
|---|---|---|
| Why heading | why-heading | Section heading and description. |
| Why group | why-group | Container for one reason — holds an icon, title and text. |
| Why icon | why-icon | Built-in icon or your own image. |
| Why title | why-title | Title of the reason. |
| Why text | why-text | Supporting text. |
FAQ and press blocks
| Block | File | Purpose |
|---|---|---|
| FAQ title | faq-title | FAQ heading and description. |
| FAQ row | faq-row | One question and answer. |
| Press card | press-card | Publication logo, heading, quote, image and link. |
Custom Liquid
The Custom Liquid block (custom-liquid) adds HTML or Liquid inside any section that accepts theme blocks. See Customization.
Next
Was this page helpful?
Tell us whether this page answered your question.