Elementor Pro : Results are not filtered (Ajax)

Anonymous

#198614

Hi,
I have troubles to setup S&F on my website using Elementor Pro.
I have created a basic filter by category following your doc : https://searchandfilter.com/documentation/3rd-party/elementor/ and using Ajax.
I manage to display the filter by using shortcode and my posts grid but when I chose a category in the dropdown list, results are not filtered, even so they seems to be refreshed.
Could you please help me ? I followed the documentation except the part “Masonry & Ajax” because I don’t know how to add the js…
Thanks

Trevor

#198617

To add the js.

Add a text block to the page above the post grid. The code you need to paste (copy it from the forum thread, and NOT from the email) into this text block is:

<script>(function ( $ ) {
	"use strict";
	
	// detects when the ajax request has finished and the content has been updated
	// re-init the layout scripts from Elementor
	$(document).on("sf:ajaxfinish", ".searchandfilter", function(){
		elementorFrontend.hooks.doAction('frontend/element_ready/posts.classic', jQuery('.elementor-widget-posts'));
	});
	
}(jQuery));</script>

Anonymous

#198627

Thanks Trevor.

I have tried but it still doesn’t work.

I also see that when I choose an option in the dropdown list my posts grid is refreshed in AJAX : the number of displayed posts remain unfortunately the same, moreover the layout is broken : post format/height is changing…

Thanks for your help…

Trevor

#198679

This reply has been marked as private.

Anonymous

#198689

This reply has been marked as private.

Trevor

#198697

This reply has been marked as private.

Anonymous

#198739

This reply has been marked as private.

Trevor

#198759

This reply has been marked as private.

[Author]

Posts