[Resolved] Niche – Hide add to cart on hover if a product is sold out

[nik9]

Hello there,

In niche we found out that if a product is sold out, that the hover “add to cart” stills shows up. After click on “add to cart” we single product pages opens. Is there a way to hide “add to cart” hover on product which are sold out?

Cheers

[Leo]

Hi there,

Try this CSS:

.post-type-archive-product .outofstock a.button {
    display: none;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[nik9]

Hi Leo,

Perfect! 🙂

Thanks.

[Leo]

No problem 🙂

[Diane]

this works in the main page but not in the product category page.
i want it to not show on all pages. how do i do that?

[David]

Hi there,

try:

.outofstock a.button {
    display: none;
}

[Author]

Posts