Product Image doesnt loading

Hello, most probably you are facing the cache issue.
While you are logged in, the cache is turned off for you, so you can see the uncached version of your site.
You have a javascript error in console, check this: https://snipboard.io/lEdf7V.jpg

Hi @ojithb,

To add to what @lavadesign has said, you’ll want to start testing by purging cache from your caching plugin, if you have one. Once done, test when logged out and on an incognito/private browser window.

If you do not have a caching plugin, kindly try doing a full conflict test to see if you can narrow down to the cause – https://docs.woocommerce.com/document/how-to-test-for-conflicts/

Let us know how it goes.
Thanks.

Hey @abwaita @lavadesign

Thanks guys for the response.

But I tried deleting the plugin, purging cache. But none of them worked.
Now I reset the cache plugin settings.

I am using litespeed cache plugin.

Let me know if there’s any other solution.

Thanks

Hello @ojithb I have checked again your link and detect the problem. You are using some external image gallery, not woocommerce native gallery, and your problem is somewhere in settings.
Look here: https://snipboard.io/btGTLe.jpg
You are getting the opacity: 0; css property. When I rewrite 0 to 1, it seems, everything is OK.
If you can’t find any solution in settings of your gallery, then solution could be to use custom CSS, try add this code to your custom CSS file (Or via customiser)

.woocommerce div.product .woocommerce-product-gallery.--is-loading .woocommerce-product-gallery__wrapper {opacity:1!important;}

We haven’t heard back from you in a while, so I’m going to mark this as resolved – I trust that what Luká? said before points you in the right direction, but if you have more questions, let us know.