AnonymousInactive
Hello,
When inserting a search form in an elementor popup, the search doesn’t work.
When I add a submit button, clicking on the this button does lead to the archive page, but any filters that I have selected inside the popup don’t work – so it just shows the archive page without the selected filters.
The CSS code for the scrollbar on Genres is this (you can use the same):
.searchandfilter > ul > li[data-sf-field-input-type="checkbox"] > ul,
.searchandfilter > ul > li[data-sf-field-input-type="radio"] > ul {
max-height: 150px;
overflow: auto;
}
In general, please see this post:
https://support.searchandfilter.com/forums/topic/elementor-filter-not-working-showing-all-results/#post-221562
As it shows what we did to make the demo search form.
I tried to fix it for you, but get a server 500 error.
Replace the two shortcode elements with a single Text element with this in the TEXT tab:
[searchandfilter id="1688"]
[searchandfilter id="1688" action="filter_next_query"]
<script>(function ( $ ) {
"use strict";
$(document).on("sf:ajaxfinish", ".searchandfilter", function(){
elementorFrontend.hooks.doAction('frontend/element_ready/posts.cards', jQuery('.elementor-widget-posts'));
});
}(jQuery));</script>
See this screenshot:
https://www.screencast.com/t/nUNVMbMnp
Ah, I understand. You need to make some custom taxonomies and move some of the current taxonomy terms into these new custom taxonomies.
Please see this post:
https://support.searchandfilter.com/forums/topic/elementor-filter-not-working-showing-all-results/#post-221562
This is what we did to make the demo search form.
I have split this from the other thread:
https://support.searchandfilter.com/forums/topic/woocommerce-product-with-variation-filter-2/
As your issue is most likely different.
You would need to add our form to the template in elementor, and best to do this with a Text element, use the Text edit tab, and paste the shortcode for the form in to that.
It is possible also to use a Shortcode element.
AnonymousInactive
I’m having this same problem, and woul love to have a some help on how to build this fror WooCommerce using Elementor templates.
I’ve checked the “WooCommerce Shop” option on Search & Filter Display Setting tab, but the filter options won’t show up on the product category pages (Built with Product Archive template on Elementor).
Where does the excerpt text come from? It is Elementor that makes the grid content, not our plugin.
