The Prime app can easily be integrated with the themes compatible with Online Store 2.0. This guide will walk you through the process of how to add the integration code to the Dawn Theme.
For integrating with older themes refer to the integration guide here.
Steps:
1. Go to your Shopify admin.
2. Click Online Store > Themes > Actions.
3. Click 'Edit Code'.
4. Click the file main-product.liquid which appears under Sections.
5. Add the following code where you'd like the badges to show:
| {% render 'primeb', product: product, hideAssets:'1', primebGroup:'1', primebOuterClass:'', primebOuterStyle:'', primebInnerStyle:'', primebInnerClass: 'prime-d-inline-block prime-mb-1' %} |
For showing the badges on the product pages place the code in the sections/main-product.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.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.)