Elementor integration

[dangoren89Participant]

Hi,

I wonder if you can help me again.

I’m trying to get Ajax Search Pro to operate live filtering in Woocommerce Categories following the instructions at https://documentation.ajaxsearchpro.com/elementor-integration/custom-results-page-with-elementor-pro I have been able to insert the search into an Elementor Product Archive template and applied that template to the following category: https://composersedition.com/other/ however the results don’t filter when searching. My setup is:

In elementor:
The products element has the correct css class asp_es_4
The shortcode element has the correct shortcode [wpdreams_ajaxsearchpro id=4]
Content > Query is set to Current Query

In the Ajax search instance:
The page with Elementor Pro posts widget is set to the correct elementor product archive Categories Default

I wonder if the issue is with the Results container jQuery element selector? I’ve tried changing this to #content as my theme doesn’t have a #main, but no joy.

I can get the search to work, but only if I change the Elementor product element query source to something other than “Current Query” which suggests that it won’t work for categories.

Any help much appreciated.

Dan Goren

[Ernest MarcinkoKeymaster]

Hi Dan,

The reason it does not work, is that you are trying it on an archive page. That is not possible, the wordpress core query will always apply on those pages, the plugin cannot change that.
The tutorial you linked is for a custom results page via a products widget, which is placed into a wordpress page – that is different from what you are looking for.
If you want to live filter a products widget, this is the correct tutorial: https://documentation.ajaxsearchpro.com/elementor-integration/elementor-pro-product-widget-live-filter
Basically, the difference is, that you need to place both the search shortcode and the products widget to a single page.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts