Filter Everything AJAX Issue with Lazy Load Images

1

Hi there, I’ve found that when I am using Filter Everything with AJAX, the looped lazy-loaded images won’t load after filtration and they only do on page refresh when filter is applied. If I disable lazy loading in Bricks, then filter works fine and images appear after filtration as expected. However, I can’t disable lazy loading in my current project, and I was wondering if anyone knows a workaround for this issue until native Bricks filters are released. Thanks.

2

Filter Everything should have an event that triggers whenever new content is appended to the page by their filter, to allow you to add in missing functionality that the AJAX filtering removes (in this case the lazy loading). Many of the other filter plugins do, but I haven’t used that one, so am not familiar.

On the Bricks side of things, the only thing needed run the lazy loading, the function is…

bricksLazyLoad();

If it’s not in their documentation, ask Filter Everything support how you run that function when using their filters.

1 Like
3

Executing the following code fixed lazy loading issue

jQuery(document).on(‘ready’, function(e){
bricksLazyLoad();
});

Thanks🤝🏻

1 Like