Woocommerce Product Images Not Showing

Also just got this error when inspecting if this helps:

autoptimize_d36f943b32e75397ff51c1356665f37f.js:36 Uncaught TypeError: Cannot read property ‘className’ of null
at autoptimize_d36f943b32e75397ff51c1356665f37f.js:36

var c=document.body.className;c=c.replace(/woocommerce-no-js/,’woocommerce-js’);document.body.className=c;

• This reply was modified 5 years, 5 months ago by blitzdigital.

Probably due to Jetpack’s lazyload being optimized, try excluding it by adding jetpack/_inc/build/photon/photon.min.js to the comma-separated JS optimization exclusion list and you’ll probably have to untick “also aggregate inline JS” as well.

hope this helps,
frank

Thanks for the help! I found that it was that Divi Theme had the Minify turned on. Fixed once I turned it off. I also turned off the Jetpack lazy load to avoid issue in future. Cheers!

you’re welcome, feel free to leave a review of the plugin and support here! ??

enjoy your Sunday!
frank

I found it was something different. After an update of several plugins. Autoptomize stopped the display of woocommerce product images. I found within the plugin it was ‘Aggregate JS files’ which stopped the images displaying in Chrome, iOS; however displayed fine in FF on W7.

You _should_ be able to fix this without turning of JS aggregation @caineuk, if you wish to do so check the browser console for JS errors van aggregation is on to start with and use that info to deduct what file(s) to exclude from JS optimization?