Adding Smart App Highlight code to your theme is a one-time setup. Once installed, Highlights display automatically on your product pages based on your app settings.
Before You Begin
- Create at least one Highlight in the Smart App dashboard.
- Duplicate your theme before editing code.
Choose Your Installation Method
If you are using an Online Store 2.0 theme (like Dawn), you have two options:
- App Blocks (recommended — no code required) OR
- Integration Code for OS 2.0 themes
For older vintage themes, follow the steps below.
Step-by-Step Instructions (Vintage Themes)
Step 1: Open the Code Editor
- Go to your Shopify admin.
- Click Online Store > Themes > Actions.
- Click Edit code.
Step 2: Open product-template.liquid
- Under Sections, click
product-template.liquid.
Step 3: Add the Integration Code
Add the following code where you'd like Highlights to appear on product pages:
{% render 'smarth', product: product, smarthOuterClass: 'smart-mt-4 smart-mb-4' %}
In most cases, locate {% capture "form_classes" -%} or {% form 'product'} and place the code on the line above. This displays Highlights below the product title and pricing.
Step 4: Save
- Click Save.
Expected Result
Highlights appear on product detail pages at the location where you inserted the code.
Important Notes
- The exact file and line number vary by theme — adjust placement based on your theme's structure.
- You can place the code anywhere in the product template depending on your layout needs.
Frequently Asked Questions
Can I get free installation help?
Yes! Raise a support ticket or email us at [email protected] and our team will take care of installation.