Product Images Not Loading

Hi there,

You might be using a plugin or theme with a lazy load option to load images, but might not be prepared for changes through AJAX, I suggest disable them if possible.

Have a great day.

Hi Pablo,

We have W3 Total Cache plugin enabled but lazy loading is turned off in those settings. I read that WordPress 5.5 and above has lazy loading turned on automatically. Is that true? If so, is there a way to disable it?

Hi there,

could you share with us url of a page where we can see the issue?

Thank you.

Hi Alessio,

Certainly. We’ve reactivated the YITH Infinite Scroll plugin and you can see the issue on the following page:

https://www.shopcarolina.org/shop/

Any suggestions as to what’s going wrong?

Thanks again for your help,

Chris

Hi there,

I checked the site you mentioned, and it seems you are using the lazy loading feature from the Jetpack plugin. To fix the issue, please add the following PHP code in the functions.php file of your current theme:

if ( ! function_exists( 'yith_infs_jetpack_lazy_load_fix' ) ) {
	function yith_infs_jetpack_lazy_load_fix() {
		if ( class_exists( 'Jetpack' ) ) {
			$js = "
			jQuery( document ).on( 'yith_infs_added_elem', function (){
				const elem = document.querySelector( 'body' );
				const jetpackLazyImagesLoadEvent = new Event( 'jetpack-lazy-images-load' );
				elem.dispatchEvent(jetpackLazyImagesLoadEvent);
			});
			";
			wp_add_inline_script( 'yith-infinitescroll', $js );
		}
	}
	add_action( 'wp_enqueue_scripts', 'yith_infs_jetpack_lazy_load_fix', 20 );
}

Let us know if this helped you.

Facundo,

Thank you very much. This was the exact problem. We checked for lazy loading inside our cache plugin but didn’t realize there was a setting inside jetpack as well.

Have a great day- we appreciate your time,

Chris

Hi there,

I’m glad my colleague was able to help you and your problem is fixed !

Feel free?leave a review?if you’re happy with our product and our support.

I will set this topic as solved.