The Smart App integrates easily with Online Store 2.0 themes. This guide shows how to add the Highlight Box integration code to the Dawn theme (and similar 2.0 themes).
Before You Begin
- Create at least one Highlight in the Smart App dashboard.
- Duplicate your theme before editing code.
- For vintage (older) themes, see the Integration Guide instead.
Step-by-Step Instructions
Step 1: Open the Code Editor
- Go to your Shopify admin.
- Click Online Store > Themes > Actions.
- Click Edit code.
Step 2: Open main-product.liquid
- In the sidebar, under Sections, click
main-product.liquid.
Step 3: Add the Integration Code
Add the following code where you'd like the Highlight Box to appear:
{% render 'smarth', hideAssets:'0', product: product, smarthGroup: '1', smarthOuterClass: 'smart-mt-4 smart-mb-4' %}
To display Highlights below the product price, search for {%- when 'price' -%} or {% render 'price'} and paste the code on the next line.
Step 4: Save
- Click Save in the top-right corner.
Expected Result
The Highlight Box appears on product pages at the location where you placed the integration code — typically below the product price.
Tips
- Prefer a no-code option? Use App Blocks instead.
- Adjust spacing with classes — see Placement of Highlight Box.
Troubleshooting
Highlights do not appear after saving
- Confirm Highlights are saved and published in the Smart App dashboard.
- Verify the render code is in the active (published) theme.
- Check that product rules match the product you are viewing.
Frequently Asked Questions
Can I get free installation help?
Yes! Raise a support ticket or email us at [email protected] and our team will install Highlights for you.