Adding Smart Product Description Icons highlight code into your theme is a one-time activity that once done you do not have to worry about later. If you are not comfortable adding the code simply raise a support ticket here or email us at support@smartappassist.freshdesk.com and we will take care of it. 


Note:

If you are using the Online Store 2.0 themes (like Dawn Theme) then you have 2 options for getting the highlight box displayed on product pages:

  1. via app blocks. Installation guide available here.  OR
  2. by adding integration code to the theme. Guide available here.


For older vintage themes continue with the instructions below.


Steps:

1.  Go to your Shopify admin.

2. Click Online Store > Themes > Actions


3. Click Edit code 


4. Click the file product-template.liquid which appears under Sections.


5. The product-template.liquid file will open in the online code editor. Add the following code where you'd like the highlights to show on your product detail pages:  

 {% render 'smarth', product: product, smarthOuterClass: 'smart-mt-4 smart-mb-4' %} 


In most cases, locate the lines {% capture "form_classes" -%} OR {% form 'product', and place the code in a line above.


This will display the highlights below the product title and pricing. You can place the installation code anywhere else depending on your requirements.


Note: The actual file and the line where you insert the code will differ as per the installed theme.


If you have problems with the installation or want to change the location of the highlight box, please raise a support ticket here or email us at support@smartappassist.freshdesk.com and we will take care of it.