Hey there! I am using Sense theme for my online shop.
Recently updated it and it allowed me to add a block specifically for inventory status, but now whenever an item is out of stock it shows an additional badge next to the price tag that also says it’s out of stock.
(Image below: the store is in spanish, it shows the badge next to the price in green and below the inventory status in grey, both saying it’s currently out of stock)
I would like to keep the inventory status block and get rid of the green badge.
How would I achieve this?
Any help is greatly appreciated!
Hi @robin_sadeira
Would you mind to share the products that is out of stock? Thanks!
Hello.
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.
- Here is the solution for you @robin_sadeira
- Please follow these steps:
- Then find the base.css file.
- Then add the following code at the end of the file and press ‘Save’ to save it.
.product .price .badge {
display: none !important;
}
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
Hi there! Thanks, but this doesn’t really work for me because I’d be getting rid of the actual price tag, which is important to keep on the page!
.product .price .badge {
border: none !important;
background: none !important;
}
I would also like to get rid of the little text next to the price if that’s possible!
.price--sold-out .price__badge-sold-out {
border: none !important;
background: none !important;
display: none !important;
}
here @robin_sadeira
Thank you! Just a question, would this affect globally or just the product page?
This only affects product pages. If you want to further customize any page, I will help you.
It’s completely okay as it is, thanks so much for your help!!
No problem. If you need any help, please message me.
