Search Results for 'masonry'

[Anonymous]

Yes I had followed that guide. I did not add the masonry code at all originally since i hadn’t selected the masonry option, but the updated code is now in functions.php and hte issue remains.

[Trevor]

Are you using our guide to Elementor Pro integration:

https://searchandfilter.com/documentation/3rd-party/elementor/

Note that the Masonry/Ajax code has since been changed, see here:

https://support.searchandfilter.com/forums/topic/elementor-pro-post-grid-issues-pagination-and-image-render-post-filter/#post-191836

If you have done these, I think I may have seen the effect you describe before, and found a solution, but I will need to find it again, so get back to me about the above first.

[Trevor]

Did you follow our guide for Elementor:

https://searchandfilter.com/documentation/3rd-party/elementor/

Note that the Masonry/Ajax code has since been changed, see here:

https://support.searchandfilter.com/forums/topic/elementor-pro-post-grid-issues-pagination-and-image-render-post-filter/#post-191836

[Anonymous]

Has anyone added animations to S&F’s Ajax filtering? The default fade is nice, but I do like when the posts are in a grid format and when you click on the filters it shuffles the posts around to their new position.

I’ve done something similar using masonry.js, but I don’t need the masonry grid for my current project and don’t want to use specifically for the animations.

So just wondering if anyone has any advice on how to add animations to posts being loaded by Ajax.

Thanks,

[Anonymous]

Update. Got the prev/next links printing out but they still don’t trigger the AJAX call. Not using masonry so I don’t think that JS snippet is relevant. Let me know!

[Anonymous]

Thanks for replying fast.

I am not using masonry so I did not put that js code in my theme. But after your comment, I did it, cleared the cache and checked results. It’s still the same.

[Trevor]

It may be that Elementor is using masonry (or a similar script), and so it has to fetch the results, and then recalculate post heights and reformat them. It is how Masonry does it, and this is part of the theme/WordPress, not our plugin.

Masonry is discussed on this documetnation page, although the script you should use has been changed:

https://searchandfilter.com/documentation/3rd-party/elementor/

For the revised script see here;

https://support.searchandfilter.com/forums/topic/elementor-pro-post-grid-issues-pagination-and-image-render-post-filter/#post-191836

[Ross]

Hi Abby

I did some more investigating and found the issue.

Essentially, in addition to the things your theme was doing, we did have a bug in our WPBakery Addon, code when using Post Grid and ajax, but not Masonry Grid.

I’ve just patched this, and tested on your site and it seems to be working ok?

BTW, I noticed, your pagination is actually underneath your results but visible, and not clickable, you might want to add a margin / padding to the top of your pagination container.

Let me know how you get on.

Thanks

[Anonymous]

Hi Trevor,

Both screenshots are not using masonry.

The first is when you initially load the page, the second is when you interact with S&F all the styling goes amiss.

[Trevor]

Is the ‘Styling Issues’ one using Masonry and the other one not? The difference is that a height is being reserved for the image/post and then being reduced to match the actual height needed.