Shopify's Online Store 2.0 allows apps to integrate directly with your theme using App Blocks, making it easy to display product badges without editing your theme code.
Follow the steps below to add Prime Product Badges & Stickers to your product pages.
Step 1: Open the Theme Editor
- Log in to your Shopify Admin.
- Navigate to Online Store → Themes.
- Click Edit Theme on your active theme.
Step 2: Open a Product Template
From the template selector at the top of the Theme Editor, choose a Product template where you want the badges to appear.
Step 3: Add the Prime Badges App Block
- In the left sidebar, click Add block.
- Under the Apps section, select Prime Badges.
The app block will now be added to your product template.
Step 4: Position the Badge
Drag and drop the Prime Badges block to your preferred location on the product page.
Recommended: Place the badge directly below the product title for maximum visibility.
Step 5: Customize the App Block (Optional)
You can further customize the badge display using the available app block settings.
Badge Group
Choose the Badge Group you want to display on the product page.
Outer Class
Add custom CSS classes to the badge container (div) for additional styling.
Outer Style
Apply custom inline CSS to the badge container.
Inner Class & Inner Style
Similarly, you can apply custom classes and styles to the badge elements themselves for advanced customization. know more.
Step 6: Save Your Changes
Click Save in the Theme Editor to publish your changes.
Step 7: Preview Your Store
Open any product page on your storefront to confirm that the badges are displayed correctly.
Need Help?
If you're having trouble adding badges, need help with positioning, or want to customize their appearance, our support team is here 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