Hide product tags

Solved

Hide product tags

RheaKalo
Excursionist
34 0 10

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!

Accepted Solution (1)

BiDeal-Discount
Shopify Partner
785 101 174

This is an accepted solution.

Hi @RheaKalo 

Please try to add this Custom CSS to your store:

.price__badges {
  display: none !important;
}
- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
7693 2069 2550

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:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
span.tag {
    display: none !important;
}
</style>

RESULT

Moeed_0-1747283438848.png

 

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


BiDeal-Discount
Shopify Partner
785 101 174

This is an accepted solution.

Hi @RheaKalo 

Please try to add this Custom CSS to your store:

.price__badges {
  display: none !important;
}
- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp

Mustafa_Ali
Trailblazer
466 48 90
<style>
span.tag {
    display: none !important;
}
</style>

Mustafa_Ali_0-1747283631601.png

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the </body> ----->
before the body ----->
if this code work please do not forget to like and mark it solution

 

RheaKalo
Excursionist
34 0 10

Thanks!