Hi there, may I know how can I display the best-seller badge text beside my product? Example like this:
Hi @Boonphei , you can do that by adding the bestseller tag directly on your main images which you want to appear bestseller tag or install an application to do that, you can try to find it from here
Hi @Dan-From-Ryviu , thank you for provide me the solution. If I wish to make it using coding. Does it have any solution to make on it?
Hi @Dan-From-Ryviu , I have tried the solution provided before, but this isn’t working from my side.
Even though I add the coding below my part also couldn’t show the badge.
{% for tag in product.tags %}
{% if tag == ‘best seller’%}
Best Seller
{% endif %}
{% endfor %}
1 Like
{% for tag in product.tags %}
{% if tag == ‘best seller’%}
Best Seller
{% endif %}
{% endfor %}
this is the full procedure and use your Css technique, Because it can only build by a developer, you have to try your self.
z-index: 4;
width: 40% !important;
max-height: 35% !important;
top: 4% !important;
left: 4% !important;
position: absolute !important;
background-color: transparent;
display: block;
min-height: auto !important;
transform: rotate(0deg);
transform-origin: top left;
This is css which i have used, you can try this on the image class.
Let me know if you need, I will surely help you. Because I have done it for many of my clients.
Thank you.
Hi @Mr_RaviRaj , according to the CSS you have mention about. Could you explain to me what’s the image class? I don’t really get it.