Dynamic product page value proposition badges

New Member
2 0 1

These are seemingly ubiquitous on top Shopify stores, and yet I've yet to see an app or code or discussion as to how to implement them. Now, I've had no issue adding a static image below the add to card button using something like:


<img class="valuebadges" src="https://cdn.shopify.com/s/files/xxx">


but lost as to how to make these dynamically related to the actual product displayed, so that if product.tags equals "x" this set of icons (ideally with text) displays.


For an example (allbirds.com):

Screen Shot 2020-06-26 at 10.46.00 AM.png

Any help or pointers much appreciated!

1 Like
Shopify Partner
4688 695 1471


Thanks for post.

can you please try this

{% assign pro_tags = product.tags | join:',' %}
{% if pro_tags contains 'badges' %}
        <div class="product--tag"><img class="valuebadges" src="https://cdn.shopify.com/s/files/xxx"></div>
         {% endif %}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing