Hide wishlist icon on out of stock

Hello, how do I hide the wishlist icon, when the product is out of stock??

Hello,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

.product-grid-item.outofstock .wd-wishlist-btn {
    display: none !important;
}

Hope this helps !

Best Regards.

it not works :((((

I leave you the credential of my site, maybe you can do something yourself :))))

Hello,

So, we have modified the CSS a bit and now the Wishlist isn’t showing for the Out of Stock Products:

Here is the new Custom CSS applied:

.product-grid-item.outofstock .wd-buttons .wd-wishlist-btn {
    display: none !important;
}

Please check back your Site after completely clearing the browser and server cache.

Best Regards.

ok it still not working, ticket close

Hello,

The change through the CSS is working fine on your Site, see the following Image for reference: https://snipboard.io/CmqsgS.jpg

The Wishlist icon is hidden from here for Out of Stock Product.

Best Regards.

ok thank you, ticket close :))

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts