Lazy-Load Not Working on Blog, Gallery, or Portfolio Item Images

Hey bucksharp,

Thank you for the inquiry.

You can use this snippet in the functions.php file to override the default option, and enable lazy loading of images by default.

add_filter( 'wp_lazy_loading_enabled', __return_true, 999, 10 );
remove_filter( 'wp_img_tag_add_loading_attr', ['av_responsive_images', 'handler_wp_img_tag_add_loading_attr'], 99, 3 );

Best regards,
Ismael

Hi,

Thank you for the update.

Would you mind providing links to the site or the pages containing the blog and galleries? Please post the details in the private field so that we can check the current site layout and settings.

Best regards,
Ismael

Hi,

Thank you for the info.

Looks like the Advanced > Animation > Lazy Loading Of Images option is not enabled for the Blog Posts element. If you would like to enable the option by default, please include this additional filter in the functions.php file.

function ava_enable_lazyloading() {
	global $avia_config;
	$avia_config["alb_html_lazy_loading"] = "enabled"; 
}
add_action("get_header", "ava_enable_lazyloading");

Lazy loading is not enabled globally or by default because it might cause issues with the default animation settings.

Best regards,
Ismael

Hi,

Thank you for the reply.

Does it work correctly when the elements’ option Lazy Loading Of Images is enabled for the element? Please post the login details in the private field so that we could check the site.

Best regards,
Ismael

Hi,

Thank you for the update.

Please remove the snippets that we added previously and replace it with the following code.

function handler_wp_img_tag_add_loading_attr_mod( $attr_value, $image_tag = '', $context = '' ) 
{
	return 'lazy';
}
add_filter( 'wp_img_tag_add_loading_attr', 'handler_wp_img_tag_add_loading_attr_mod', 9999, 3 );

This should add the loading attribute to the images and set the value to lazy.

Best regards,
Ismael