I want to remove "in stock" / availability from my product

[Minais]

Hello, I have a product I wish to remove the availability from aka the "in stock", as the product is only available in-store and cannot be ordered online. I am worried it'll be an issue for my customers if they think an item is in stock, and then go to order only to find that it cannot be purchased online. 

I have found a similar thread, however my issue is not that the "in stock" shows next to the product after having clicked on it, but rather in my collections when you hover over it, like this: 

I wish to remove the "in stock" circled in red - I have already customised it before to remove the price, but now I am stuck with this instead.

Any tips?

[Moeed]

Hey @Minais 
Kindly share your Store URL and Password if enabled

[zaczee]

Hi,

Can you share your store url

[Minais · Accepted solution]

Hi! Thank you both for the offer to help, but I got it figured out. 🙂 

If anyone in the future experiences the same issue, all I did to solve it was to use the Google Devtools, hover over the area I wanted to change or hide, and see what kind of element it was. In my case, the custom codes that included "product-grid_inventory-stock" or "product-grid_availability" did not work, because the "in stock" area displayed was contained in a div block. So I copied the element using Devtools, created a custom code and put it in the theme editor's custom code, and done!

For future reference, or for anyone needing it. the code looks like this. 🙂 

It worked for me so it might work for someone else as well.