Filter is updating after second input, but leaves the pictures out of view

Anonymous

#196521

Hello Sir,

We’ve already submitted a question before. Your answer was clear (but we had to grow a little in CSS and other scripts-knowlege first) but there still is a problem with the search results.

I’ve been looking into it the entire night, so far no result in case of refreshing pictures.
The site i’m talking about is : https://aikidoacademy.nl/search-results-2

A first nothing would refresh, but since reading more of the forum-topics on this, the search results seem to be working.
Only thing is : the pictures won’t come up with a second/third… search attempt.
Could you be so kind to take a look and let me know what to do ?

Kind regards,

Klaas van Randen (one of the authors of Aikidoacademy.nl)

Trevor

#196541

Hi Klaas. It looks like you are refreshing the results using Ajax & Masonry. Did you add the necessary JavaScript to enable this, as detailed in this guide:

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

It may be necessary to change this script, as detailed in this post:

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

Anonymous

#196870

Hi Trevor,

It’s me again… so sorry ! 😉

Ehmmm.. tried to apply the JS to the results.php, but so far no luck yet, (the pics stick to the posts within the first filter attempt, but as soon as you use another/next filter, the pics still stay away, although the post DO refresh according the filter requests, nicely.)

So could you please help me ? Would it help if we/I post the complete code ? Somehow I have the idea that the location of the JS code inside the results.php might be wrong ?

Kind regards,

Klaas

Trevor

#196896

Did you make a typo there Klaas? You aren’t using the Shortcode method, so it doesn’t use a results.php template file. Instead, you are using the Custom method, which uses the Elementor post element.

How or where did you apply the javascript?

Anonymous

#197017

Hi Trevor,

Aha… of course, sounds obvious! So instead I should try to use the script in Elementor somewhere, I guess…

I used it on multiple locations in the results.php (not at the same time, by the way), but if the site isn’t using that file, obvious it doesn’t show 😉

Just asked Elementor Pro for a bit of assistance (which page I should attack with the Java 😉

I’ll let you know if they have some good intel, haha!

Thanks so far !

Kind regards,

Klaas

Trevor

#197042

This reply has been marked as private.

Anonymous

#197348

Hi Trevor,

Just had a reply from Elementor… surprisingly : “we can’t support 3rd-party software…” in stead of helping out.

Like you said earlier (previous post) i’ve tried to put the code in a text-widget, HTML widget and such, but nothing seems to activate… probably because the widget is not what I should use ?
(The code element you’re talking about, where could I find that ?)

“…simply place that on the page…” which page do you mean ? The search page I guess ? And should I open it in Notepad++ for example to insert the code there ?

I’m so sorry, my brain is starting to play games with me… (green as I am 😉 )

Whatever your answer will be, I would like to take this opportunity to wish you a merry Christmas and a happy new year !

Kind regards,

Klaas

Trevor

#197351

If it is inside script tags, use a text element on the page and paste it in to that.

Anonymous

#197628

This reply has been marked as private.

Trevor

#197695

Looking at the first screenshot, that code is inside php tags? It should be inside HTML <script></script> tags.

Please note that we are now into a holiday period in the UK. We will be working for some of this period, but replies may be delayed at times.

[Author]

Posts