A user needed to remove custom product tags (like “Sold out” and “Coming soon”) that appeared on their collection page product images, which were added during previous development work.
Solutions Provided:
Three community members offered CSS-based solutions to hide the tags:
.price__badges with display: none !important;<style> block in the theme.liquid file above the </body> tagAll solutions follow the same approach:
</body> tagOutcome:
The issue appears resolved, as the original poster thanked the contributors. The solutions successfully hide the product badges from the collection page without requiring removal of the underlying code.
Hello there,
A previous round of development had made our product tags visible (eg. Sold out, coming soon) with some special custom designs. I now want to remove that feature and don’t know how..
See the first two products here: https://rheakalo.com/collections/vichy
Any help is much appreciated, thank you!
Hey @RheaKalo
Are you talking about those tags on top left corner of the product images on the collection page? If yes, then
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT
If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @RheaKalo
Please try to add this Custom CSS to your store:
.price__badges {
display: none !important;
}
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution
Thanks!
