Shopify's Online Store 2.0 allows apps to integrate directly with your theme using App Blocks, making it easy to display product highlights 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 highlights to appear.
Step 3: Add the Prime highlight App Block
- In the left sidebar, click Add block.
- Under the Apps section, select Prime Highlights.
The app block will now be added to your product template.
Step 4: Position the Highlight
Drag and drop the Prime Highlights block to your preferred location on the product page.
Recommended: Place the highlight directly above the product description for maximum visibility.
Step 5: Customize the App Block (Optional)
You can further customize the badge display using the available app block settings.
Highlight Group
Choose the Highlight Group you want to display on the product page.
Outer Class
Add custom CSS classes to the Highlight container (div) for additional styling.
Outer Style
Apply custom inline CSS to the Highlight container.
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 highlights are displayed correctly.
