Because of the way we need to integrate with Elementor (using the Custom method), you will need one form per page, and thus form, template and page are linked as one.
Where you are using a Post Type template (such as WooCommerce), it may be possible to use that option in the Display Results method select options in the form design.
As to the cards issue, this post might show the issue/solution:
https://support.searchandfilter.com/forums/topic/how-can-i-search-elemntor-column-while-retaining-the-design-of-that-column/#post-209754
at one point the code refers to posts.classic (which is the layout choice) so that may need to be posts.cards
AnonymousInactive
Hello,
I would like to filter an elementor post post widget on the same page, so I followed your instructions on how to integrate with elementor pro (https://searchandfilter.com/documentation/3rd-party/elementor/), but 2 issues came up:
1. What if my post grid widget and filter is applied to an elementor template? In this case I cannot add the full URL path of the page, since multiple pages/posts will be using the template and hence also the post grid widget and filter. Is there a work-around?
2. I also tried to apply the search and filter to a single page. Now the filter is working – it’s loading on the same page, but the problem is that it messes up the design of the post grid widget (I have used the card style). I wish I could attach an image but what seems to be happening is that the image in the widget is doubled so that what is displayed is first the post image then a blank space equal to the size of the image and then finally the rest of the post card. Have you seen this issue before?
Thank you
Hi Gaston
It looks like you are using Elementor.
Did you follow the guide to integrating with the post element?
https://searchandfilter.com/documentation/3rd-party/elementor/
Thanks
Hi. Elementor is handling the display of the results, not our plugin, and it does not have any logic to handle ‘No Results’, or at least it does not handle it the way you want.
However, you can make it harder for the user to end up with no results. In the General settings tab:
Set Auto Count (both settings) to ON
And then in the Form UI:
In each field set Hide Empty to ON
This will hide any options that have zero results.
AnonymousInactive
Hello,
We created a custom “Archive Product” page with Elementor and added a S&F filter.
Ajax sorting works, but if by activating multiple filters no product matches, the “Nothing Found Message” is not displayed… And we want to display it.
We use Elementor + the OceanWP + S & F Pro theme. All plugins are up to date.
Link to test page : https://tinyurl.com/y33wxrrd
Thanks !
AnonymousInactive
Thanks Trevor
I could made this with a little Workaround:
I work now with the shortcode from S&F, and in the result.php i placed the shortcode from my Elementor-Template. The rest over css. It works like a charm. I can work with my Elementor-Template and i have a “no result”-Message.
Unfortunately not, as it is Elementor that handles the No Results Found logic and output. However, you can make it harder for the user to end up with no results. In the General settings tab:
Set Auto Count (both settings) to ON
And then in the Form UI:
In each field set Hide Empty to ON
This will hide any options that have zero results.
AnonymousInactive
When I changed it from “.elementor-widget-container .woocommerce” to “.elementor-widget-woocommerce-archive-products” there seemed to be no change in reaction, when you select the next page it still stays at the bottom
What happens if you change the Ajax Container to .elementor-widget-woocommerce-archive-products
