Adding Prime App badge code into your theme is a one-time activity which 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@getinstashop.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 badges displayed on product pages:
- via app blocks. Installation guide available here. OR
- by adding integration code to the theme. Guide available here.
For older vintage themes continue with the instructions below.
Steps:
- Go to your Shopify admin.
- Click Online Store > Themes > Actions.
3. Click 'Edit Code'.
4. Add the following code where you'd like the badges to show:
{% render 'primeb', product: product, hideAssets:'1', primebInnerClass: 'prime-d-inline-block prime-mr-1 prime-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.
Similarly, the Prime 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.
If you have problems with the installation or want to change the badge location, please raise a support ticket here or email us at support@getinstashop.freshdesk.com and we will take care of it.
...