PRODUCT IMAGES ARE NOT VISIBLE AFTER UPDATE

I can see product images now. Did you flush your Litespeed cache.

*on product page

I just tried 3 product pages and I can see product images on all of them. Its hard to fix something that works for me.

Try:

– Flush Litespeed Cache. If you still have the problem, deactivate until the problem is resolved.

– Dashboard > WooCommerce > Status > Tools tab & click the clear transients buttons

– you have a Javascript error in your Simple Custom CSS and JS plugin
This function:

$(document).ready(function(){ 
    $("#wpadminbar").remove(); 
});

is causing an error. You can’t use the $ shorthand in WordPress because WP may have multiple Javascript frameworks, you have to use the unambiguous jQuery, so:

jQuery(document).ready(function(){ 
    jQuery("#wpadminbar").remove(); 
});

Or, if this is for the front end, you can turn it off in user settings.

I’m going to mark this as resolved. As @lorro said, it works well for me, and he named some things you can resolve.

I don’t know why but it’s still not visible on my end I even tried to connect using cellular network still the same
Platform – windows 10 & android 10
Browser – Chrome

Some things you might try:

Is it the same when you are logged out of your site (Of course other forum members are logged out)

Have you cleared your browser cache?

Are you able to try on another device, one that you have not used to access your site before?

yup still the same

ok while inspecting the elements i found this

<div class="woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-5 images" data-columns="5" style="opacity: 0; transition: opacity .25s ease-in-out;">

in style the opacity is 0,
when i make it 100 it displays the image.

how should I make it 100 by using additional css since its inline?

“css transition not working mobile”
brings up a few hits in Google

This page:
https://stackoverflow.com/questions/49384466/css-transition-not-working-in-mobile-chrome
suggests a chrome restart. To do so, type this in the address bar:

chrome://restart

If not, you can try this custom css:

.woocommerce-product-gallery {
  opacity: 1 !important;
}

Custom css goes at:
Dashboard > Appearance > Customize > Custom CSS

Sorry I can’t test any of this because it works for me.

Thankyou it worked like a charm ??

What worked, the Chrome restart or the css?

css worked for me..