Integrating elementor pro with Search and filter Pro

Anonymous

#202371

Hello,
I’m having the same problem.
Can someone clarify the steps?
thanks

Trevor

#202375

I have split this post from this thread:

https://support.searchandfilter.com/forums/topic/integrating-elementor-pro-with-search-and-filter-pro/

Can you explain in detail what steps you took to integrate S&F with Elementor, and are you able to send me a live link/URL to your search page so I can take a look?

Anonymous

#202379

This reply has been marked as private.

Anonymous

#202381

This reply has been marked as private.

Trevor

#202390

Wherever you have the form shortcode, place the other after it, in the one block, like this, making sure there is also a script there (make sure you enter this in the Text tab of the widget):

[searchandfilter id="8208"]
[searchandfilter id="8208" action="filter_next_query"]
<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>

They should all be in the same text widget.

Then, in the Posts Grid, make sure that Masonry is enabled.

Anonymous

#202396

This reply has been marked as private.

Anonymous

#202398

This reply has been marked as private.

Trevor

#202402

This reply has been marked as private.

Anonymous

#202421

This reply has been marked as private.

Trevor

#202429

This reply has been marked as private.

[Author]

Posts