Badge Groups allow you to organize your badges and display them in different locations across your Shopify store.
Instead of showing all badges together in a single location, you can assign badges to different groups and place each group independently on your product or collection pages.
For example:
- Display promotional badges (e.g., Sale, Best Seller) below the product title.
- Display inventory or shipping badges (e.g., Limited Stock, Free Shipping) on the top corner of the product image.
This provides greater flexibility and helps create a cleaner, more organized storefront.
Note: Badge Groups are available on the Pro plan and above.
- Assigning a Badge to a Group
You can assign a badge to a group while:
- Creating a new badge
- Editing an existing badge
Simply select the desired Badge Group in the badge settings.
- If you're using an Online Store 2.0 theme, you can also choose which badge group to display directly from the Prime Badges App Block.
This makes it easy to display different badge groups in different sections of your product page without editing your theme code.
If you're manually integrating badges into your theme, use the primebGroup parameter to specify which badge group should be displayed.
Example: Display Badge Group 2
{% render 'primeb', product: product, primebGroup: '2', primebOuterClass: 'prime-d-inline-block',primebOuterStyle: 'position:absolute; right:0px; top:0px; z-index:1;',primebInnerStyle: '',primebInnerClass: 'prime-d-block prime-mr-1 prime-mb-1'%}
Result
The above example:
- Displays Badge Group 2.
- Positions the badge group in the top-right corner of the product image.
- Stacks multiple badges vertically with spacing between them.
Default Badge Group
If you do not specify the primebGroup parameter in the integration code, the app will automatically display Badge Group 1.
For example:
{% render 'primeb', product: product %}
The above code displays badges assigned to Group 1.
Badge Group Limit
You can display up to 3 badge groups on a single page.