If you want to use a ‘standard’ WordPress page, you should use these Display Results methods:
Custom
Shortcode
Easy Digital Downloads (if EDD is installed and results output with their shortcodes)
Or if you are using a Page Builder plugin for the results content, such as:
Elementor Posts grid
Divi Builder Posts grid
WPBakery Page Builder Posts grid
Post Grid plugin (free version, Pro might also work)
and other page builders that work with our Filter Next Query action (together with the Custom method).
Most of these methods are described in our documentation, some may have detailed solutions in posts in our forum (usually not in the documentation yet as we are still developing the solution case by case).
AnonymousInactive
No problem! I was actually able to add the elementor template to the different groups, but I’m still having difficulty searching within a page only. When I attempt to create a search form for a particular page/group, it seems to conflict with the other search form. Is there a way to create different search forms for one post type? It’s pulling all the information and not just the information for that page.
In most themes and plugins, the ‘Categories’ and ‘Tags’ you see are actually taxonomies called portfolio_categories and portfolio_tags, so use the Taxonomy Form UI field type instead and then select them from the dropdown select list.
A grid is dependent on your theme and/or Display Results Method you are using, so what theme are you using, what results display method in the form, and does your theme have a plugin for the portfolios or use a page builder (like Divi Builder, WPBakery PageBuilder, Elementor, etc)? We also support the Post Grid plugin.
AnonymousInactive
Hello,
How do I get my search results to use my Elementor Archive template. I chose search results in the “preview dynamic content as” section, as well as when I published the template, but the results are still using wordpress’ archive page. I have looked at the documentation, but I am still confused. Can someone be of assistance?
The ‘No posts found’ action/logic comes from Elementor. What our Custom method does is to feed the search parameters to Elementor. After that we have no control. It has been asked before, but I do not think there is any solution.
AnonymousInactive
I am using ‘custom’ method as I am using elementor. I am filtering the posts option. See: https://degidsengids.nl/test-rondleidingen/
AnonymousInactive
Was there ever a fix for this? I have the exact problem
In the Post grid setup, do you have Masonry enabled? If not, can you try that? You would need this script on the page (you can put it inside the simple text editor pane – not the visual text editor pane of the widget – of a Text Widget):
<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>
It can be in the same Text widget at the shortcodes for the form and the filter_next_query action, in which case the whole thing would look like this (your ID will be different:
[searchandfilter id="222"][searchandfilter id="222" 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>
OK. Is the Masonry option ON in the Elementor Post Grid? It is best to be ON.
In the text block where the [searchandfilter id="2514"] is, add also this code (in Text mode):
<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>
