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

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 5 replies, 4 voices, and was last updated 5 years, 4 months ago by David.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
August 7, 2020 at 7:35 am #1391437

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

August 7, 2020 at 12:18 pm #1391988
Leo
Staff
Customer Support
Hi there,

Try this CSS:
```
.post-type-archive-product .outofstock a.button {
    display: none;
}
```
Adding CSS: https://docs.generatepress.com/article/adding-css/
August 7, 2020 at 11:59 pm #1392467

nik9

Hi Leo,

Perfect! 🙂

Thanks.

August 8, 2020 at 9:05 am #1393084

Leo
Staff
Customer Support

No problem 🙂

December 6, 2020 at 1:00 am #1569030

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?

December 6, 2020 at 5:08 am #1569154
David
Staff
Customer Support
Hi there,

try:
```
.outofstock a.button {
    display: none;
}
```
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.