Search Results for 'Elementor'

[Trevor]

Could you follow the instructions from this post:

https://support.searchandfilter.com/forums/topic/white-space-between-image-thumbnail-and-text-after-search-elementor/#post-201183

Even if Masonry is not an option, still use this advice.

[Trevor]

Sadly, I have been very busy today, so I am still working this late (8PM) and just got to your thread, I do apologise for the delay.

With the Calendar plugin Posts widget removed and replaced by the normal Elementor Post widget, then the Calendar plugin deactivated, are you then able to get it to work?

[Trevor]

Elementor Anywhere is not something we have specifically tested with, and at this time we do not support it. The two most likely Display Results methods to try with it are ‘As an Archive’ (which you have tried) and Custom. With Custom, you need to place a shortcode like this:

[searchandfilter id="123456" action="filter_next_query"]

Immediately before the results loop. It may, or may not, work. I have not tested it.

Both may have problems with using Ajax, but I cannot say.

[Trevor]

I think I can see the issue. Is the grid that shows a Post grid element in Elementor?

[Trevor]

The results are there but hidden? If so, does the elementor grid element have the option to enable Masonry (not an issue if it does not)? The Text block that has the form in should look something like this:

[searchandfilter id="246086"]
[searchandfilter id="246086" 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>

In that order.

[Anonymous]

Hello, I’ve tried what you suggested on this page https://mtai.ie/how-to-find-a-course/ The search box displays on its own, which is what I want, but it is now not returning any results. Have I left something out, or gotten something wrong? I’ve tried turning off auto auto-submit. Also, when I try to refresh that page after doing a search, I get the “Confirm form resubmission” warning. I am using the shortcode method, and Elementor Pro for the templates.
What I want to achieve is to display the search box, on its own, then the user clicks submit, and the results display.
If it is not possible, how can I style the results so that they are more compact?
Another issue I notice is that it is necessary to click the submit button more than once to get the form to submit.

[Trevor]

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.

[Trevor]

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]

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

[Anonymous]

Hello,

I am trying to set ajax pagination on search page but ajax is not working on my pagination, I have search page in child theme and in that search page we echoed the anywhere-elementor template also anywhere-elementor template contains search and filter pro shortcode inside it, my ajax pagination selector is inside the ajax container. my ajax container id is == #aesearchfilter and my ajax pagination selector is == .ae-pagination-wrapper a

please have a look at attached image url for better understanding
https://screenpresso.com/=VMOY
https://screenpresso.com/=CxRrb
https://screenpresso.com/=ZFLlf
https://screenpresso.com/=JYbTf

This is the url to search page
search page

Thanks