I have Gecko 6.2.1 Theme wish to hide the price when product is out of stock?

[-Sean-]

Hi all,

Thanks for taking a look at this one. I have the Gecko 6.2.1 Theme and hoping someone may be familiar with it. I'd like to make an edit and add some code that will hide the price (t4s-product-price) when the product is out of stock (t4s-product-available__false) but not sure how to construct the code or where to add it?

I gather it might look something like this:

.t4s-product-available__false ~ .t4s-product-price {
    display: none !important;
}

I'd like the price to not to show for out of stock items on Product Pages, Collections, Related Product lists etc.

I'm hoping someone out there may be familiar with this theme and can help without too much effort 🙂

But if you need any further info please let me know.

Thanks in advance

[Shadab_dev]

Hi @-Sean- I don't think this is possible with css. I have done these before and you need to add a small if condition to check if product is available or not and then display/hide price. 

Not on the gecko theme but I am pretty confident I can make this edit on any theme whatsoever.

One example site where I did this. If you check some of the products have a text inquire to know price than actually showing the price.

Site: www.eluxestore.de

Since you are on a different theme what I will need is a collaborator access to your store since I am on a development store.

Thanks

Shadab Ali