If your theme doesn't support Online Store 2.0 App Blocks, or you prefer to manually control banners placement, you can add the Prime banner 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:
Step 3: Add the Prime Banners Code
Paste the following code where you want the banner to appear.
{% render 'primeban', product: product, primebanGroup:'1', primebanOuterClass:'prime-mb-2 prime-mt-2 prime-text-left', primebanOuterStyle:'', primebanInnerStyle:'', primebanInnerClass: 'prime-d-block prime-mb-1' %}
You can place the integration code anywhere depending on your requirements.
Step 4: Save Your Changes
Click Save after updating each file.
Visit your storefront to verify that the banner appear in the desired location.
Need Help?
If you're unsure where to place the code, need to adjust the banner 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