WooCommerce Product Image Invisible but Clickable

Heya! Not sure why, as I just noticed this randomly, but after the Shop page, where everything is fine, when clicking on a Product, its Product Image isn’t being displayed in the Product page.

The empty / invisible product image can however be hovered on, and if I click on it, it takes me to the .png image link, which does work. It’s just not being displayed in the product page.

After inspecting element, I realized that the opacity is “0”, and when I try to change it to “1” inside the Inspect Element, the image appears.

I’ve tried to come up with some Custom CSS for it, but for some reason, it just doesn’t work. If you guys could please help me, I’d appreciate it a lot. Thank you!

I think I fixed it, as it appears to work now, although if there’s any other reason for why this happened, I’d appreciate your input as well!

What I did was to add " /product/(.*) " as an exception in WP-Rocket -> Advanced Rules -> Never Cache URL(s).

Hi @Dw1ght,

Thanks for sharing us the solution. I could not guarantee that our developer could have an input with this however I guarantee that I will forward this to our developer so that they could look on it.

Thank yous much.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.