I see it. So, do you want Masonry On or Off?
#1 The issue with Masonry is that the posts load and then Masonry does it thing to change the posts. What you may be seeing is the posts loading and the Masonry does its stuff, and then they look correct.
OR
#2 Without Masonry but with Ajax, you might be seeing something similar, but Elementor may be applying some changes to the DOM to hide or change the appearance, and that is running late so you see it before and after that code is run.
OR
#3 Without Masonry and NO Ajax, might be the same as #2 above, but the whole page reloads.
Whilst it is not our plugin doing this directly, it might be a consequence. I may be able to fix it with custom CSS. Are you able to send me a live link/URL to your search page so I can take a look?
AnonymousInactive
Hi @trevor, it’s me again. i’m actually still facing this issue which have been bothering for 3 days in a row but i can’t help to write in to you instead…allow me to elaborate. Kindly watch this video first. It’s not long i promise.
https://photos.app.goo.gl/vwcz2KBVGjptauDL7
Right now my issue is this : i can’t seems to get the perfect display to present to my customers.
Info : I am using elementor pro to build the page from scratch. using the portfolio widget as well as S&F plugin. I have used your integration method step by step from your documentation here. https://searchandfilter.com/documentation/3rd-party/elementor/
Problem : As you can see from the video, i would like to display my results in a card layout.
When i set Masonry = off , i always get a unwanted grey box out of nowhere whenever i search for a result.
When i set Masonry = On, Yes! the grey box is gone!!! but… my alignment for the card would be Not be align if i set my title of the card to be 2 rows.
I hope you understand my concerns…. can’t seems to progress far. any professional suggestion from you?
AnonymousInactive
Hi, thanks for the reply trevor.
I did follow everysteps mention in that document. but i manage to “solve” it.
What i did : went over to elementor page builder> under post widget > i need to set “masonry” function to “on” and everything is back to normal. Guess that did the trick.
Though im not so sure if that’s the correct to “solve” it. hahaha but cheers anyway! hope you got a great day trevor. and love your plugin sir.
Did you follow the guidance/documentation for Elementor?
https://searchandfilter.com/documentation/3rd-party/elementor/
We do plan to extend integration for many page builders in V3 of our plugin (I do not have a release timescale for that), but for now the integration covered in the documentation is the only option.
AnonymousInactive
Updates : i have added this shortcode > [searchandfilter id=”123456″ action=”filter_next_query”]
to the ‘Post WIdget’ of elementor pro > under Content > Query > Query ID
As shown here :
and instead of inputting [searchandfilter id=”934″ action=”filter_next_query”] to the shortcode widget, i have changed it to [searchandfilter id=”934″]
Results : right now, the post widget does not react to the search&filter plugin. When i click on categories of the S&F there was a ‘blink’ in the page but the result in the post-widget stays the same.
Just wondering if there’s anything i’m missing. Please advise. Much thanks would be appreciated!
You appear to be editing the Home Page right now. Did you add a filter_next_query shortcode before the Elementor element that shows the results (possibly a Post grid), as detailed here:
https://searchandfilter.com/documentation/3rd-party/elementor/
Makes sure you are not using a different widget (you should be using the Posts widget), as I know there are extra widgets that come with some other plugins, that may not work.
Before I go digging, does that theme add the search field, or Elementor? I am wondering if the issue persists with/without Elementor?
AnonymousInactive
The only difference I can see is that the page that is not working has that sticky posts block physically between the search block and the posts block that we want to search. That is why I added an ID to the posts block that we want to search so we can target it for the results.
Both pages are using the Elementor Post Extras widget.
The issue will be with integrating to the Elementor content block. What is the difference in this regard between the two pages? Do they use different elements and/or settings?
