If your theme doesn't support Online Store 2.0 App Blocks, or you prefer to manually control badge placement, you can add the Prime badge snippet directly to your theme code.
This guide uses Shopify's Dawn theme as an example, but the same approach can be applied to most themes.
Step 1: Open the Theme Code Editor
- Log in to your Shopify Admin.
- Go to Online Store → Themes.
- On your active theme, click ⋯ (More actions) → Edit code.
Step 2: Open the Product Template
In the Sections folder, open:
sections/main-product.liquid
Step 3: Add the Prime Badge Code
Paste the following code where you want the badges to appear.
{% render 'primeb',product: product, hideAssets: '1', primebGroup: '1', primebOuterClass:'',primebOuterStyle: '',primebInnerStyle: '',primebInnerClass: 'prime-d-inline-block prime-mb-1'%}
Recommended Placement : For the best user experience:
- Search for:
{{ product.title }}
- Paste the badge code immediately below the product title.
This will display the badges directly beneath the product name.
Add Badges to Collection Pages
You can also display badges on collection and catalog pages.
Step 1: Open the Product Card Snippet
Locate the following file:
snippets/product-card.liquid
Note: Depending on your theme, the file name may vary (for example,
card-product.liquid).
Step 2: Insert the Badge Code
Paste the same badge snippet below the product title (or wherever you'd like the badges to appear).
Save Your Changes
Click Save after updating each file.
Visit your storefront to verify that the badges appear in the desired location.
Need Help?
If you're unsure where to place the code, need to adjust the badge position, or your theme uses a different structure, our support team is happy to help.
- Contact us via the in-app Live Chat
- Submit a support request through our Help Center:
https://help.thalia-apps.com/docs/prime/submit-ticket