Badge Integration Guide

Adding the Smart App badge code into your theme is a one-time activity that, once done, you do not have to worry about later.

Steps:

  1. Go to your Shopify admin.
  2. Click Online Store > Themes > Actions.

Screenshot 1

3. Click 'Edit Code'.

Screenshot 2

4. Add the following code where you'd like the badges to show:

{% render 'smartb', product: product, hideAssets:'1', smartbInnerClass: 'smart-d-inline-block smart-mr-1 smart-mb-1' %}

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

  • For showing the badges on the product pages, place the code in the sections/product-template.liquid file. Search for {{product.title}} and place the above-mentioned code in the next line. This will display the badges below the product title.

Screenshot 3

Similarly, the Smart app badge code can be placed on the collection page.

Look for snippets/product-card-grid.liquid or snippets/product-grid-item.liquid file. And add the code below the product title or the place where you want to display the badges.

Email [email protected] if you need free integration assistance.

Related Articles