Pro: How to re-run masonry when using FacetWP

[SauntValerian]

Trying to figure out how to rerun your masonry script after FacetWP refreshes a page.

Page I'm working on is here: https://kf.prometheusfire.me/kunst/

The guidance from FWP is here: https://facetwp.com/documentation/developers/javascript/facetwp-loaded/

Here is how it was done with the Beaver Builder masonry, but I can't seem to figure it out for yours https://gist.github.com/djrmom/878b15338cab8675c64657552720bf4d

Here is how it was handled with Avada's Masonry: https://gist.github.com/mgibbs189/23a546ebfd4a68dd277003fa81e3e926

[dudaster]

Next version will come with a do action after Ajax I’ll keep you post it

[dudaster]

You'll need to run this function when on ajax success:

ECS_do_action('ajax','');

[SauntValerian]

Thanks, resolved!

In this case it was as simple as this

<script>
(function($) {
    $(document).on('facetwp-loaded', function() {
        if (FWP.loaded) {
          ECS_do_action('ajax','');

        }
    });
})(jQuery);
</script>

[kaladinyai]

How would you suggest we implement this fix? I'm currently experiencing the same issue but not confident when working with code.

[dudaster]

You can use html widget from elementor and copy paste it in there.

[kaladinyai]

Should I paste the code above?

[PPjev]

Having same issue with Jet Filters for filtering. How to find the right function to hook in to it? Above code will work only for FacetWP.