Hi Lola
No worries sounds like a plan.
Just so you know, S&F should work out of the box with Elementor, if you set it up the same way as you have been doing.
If you want S&F to integrate with the Elementor Pro “elements”, then you would do well to take a look at these docs:
https://searchandfilter.com/documentation/3rd-party/elementor/
Some of the more advanced stuff, is a little more complex to integrate, so do open another ticket if you encounter any difficulties.
Thanks
AnonymousInactive
About the second question – it works PERFECT!
The only main issue I’m facing right now is to show specific message when there is no results.
I’m unable to add “Archive Posts” Widget with custom results page (since it’s just a regular page, and not “Archive” template with Elementor)
Thank you again so much, Trevor. You are really helpfull
AnonymousInactive
Q1 . I indeed use Coustom Page as my display method.
My whole website is based on Elementor.
The best option will be to use the search result page as Custom Page or Archive? (I use Elementor PRO so I can create Archive Pages easily)
Q2. Will check in a bit. thanks
AnonymousInactive
I believe I did copy and paste it, didn’t know that about the servers (learning more every day)!
Have been backing the site up regularly and not sure how to implement child themes yet. But if you think it is safer, then I most definitely will look into it.
The format still looks vertical to me, maybe because of Elementor?
https://www.techmetals.com/metal-finishing-search/
AnonymousInactive
I also am putting it into Elementor now, to match the other pages. So maybe the formatting may not work anyway?
https://www.techmetals.com/metal-finishing-search/
Other than that, I love the plugin. It is really great.
AnonymousInactive
Sure thing. Just want to take the S&F filter I am setting up from this:
https://www.techmetals.com/metal-finishing-search/
To something a little more condensed, like this so I can maybe put it on the bottom of each of our pages, etc?
https://www.techmetals.com/test/
Just not sure how to edit like making column in Elementor or using the way WPForms lays it out, etc?
If you had a HTML widget (using the Text tab to enter the code), the code entered would look like this:
[searchandfilter id="1198"]
[searchandfilter id="1198" action="filter_next_query"]
<script>(function ( $ ) {
"use strict";
$(document).on("sf:ajaxfinish", ".searchandfilter", function(){
elementorFrontend.hooks.doAction('frontend/element_ready/posts.classic', jQuery('.elementor-widget-posts'));
});
}(jQuery));</script>
Notice that the shortcodes are the other way around? The script is needed.
AnonymousInactive
I am using search and filter pro with elementor pro posts widget.
I have created a search form and in general options I have chosen:
-search in the following post types: courses
No posts. I just want users to be able to filter among learn dash courses/programs I offer. I choose custom display method for results and name the page the results should be displayed on.
I then go to edit the page I want the search/filter to display and put these shortcodes in a text widget at top of page:
[searchandfilter id=”1198″ action=”filter_next_query”]
[searchandfilter id=”1198″]
In another section i then put the elementor pro posts widget and display all the courses offered.
However, in my search/filter options the count is zero for courses and i cannot filter these. If I choose blog posts then i can populate the categories but the results don’t show.
Did you follow our guide for using the Elementor Post Grid. Our plugin will integrate with this (to show any Post Type) to allow you to show results in a grid. Our guide for Elementor:
https://searchandfilter.com/documentation/3rd-party/elementor/
Even if you do not have Masonry enabled (it might not even be an option), use the guide for Masonry & Ajax, but, instead of this code:
(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.init();
});
}(jQuery));
Use this code:
(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));
Note, if you are placing the code inline on the page (in a HTML widget, in the Text view tab), it needs the <script>.....</script> tags around it. You can often place the form shortcode, the linking filter_next_query action shortcode, and the script all in one text module. So, the entire code block might look like this:
[searchandfilter id="25413"]
[searchandfilter id="25413" action="filter_next_query"]
<script>(function ( $ ) {
"use strict";
$(document).on("sf:ajaxfinish", ".searchandfilter", function(){
elementorFrontend.hooks.doAction('frontend/element_ready/posts.classic', jQuery('.elementor-widget-posts'));
});
}(jQuery));</script>
AnonymousInactive
Hey.
I just purchased the plugin and already did some adjustments to fit my needs (a blog about families touring with their kids)
I have about 70 or so posts and I’m trying to figure out why when I try to search using normal variables (like “choose a location, choose vacation duration, choose the number of kids u have) it shows just what I want.
But when I turned the location to become MultiSelect it shows absolutely nothing at all.
Thank you!
