Search and Filter Pro + Woocommerce + Elementor Pro

Anonymous

#206411

Hello,

I have the last versions of WORDPRESS and all the PLUGINS.

I have a Elementor Pro Page Builder with the Elementor Widget “Woocommerce Products”

I have follow your documentation of Woocommerce and the other one with Elementor but when I use Search and Filter Pro the pagination doesn’t work.
And when I change my filter the result doesn’t change anytime.

How can I make it work properly ?

Thank You.

I think that I have teh same problem that :
But the solution is in the forum.

RUI JIE LEE
August 23, 2018 at 6:54 pm
#186335

Hi guys,

Currently i am still facing an issue when i try integrating it with elementor page builder.
I went to search up the documentation and chance upon this site.
https://searchandfilter.com/documentation/3rd-party/elementor/
I ‘tried’ to follow the steps. But had abit of difficulty trying to understand this point
(Before the Posts Widget, tell S&F that it needs to filter the grid by adding a text area and adding our filter_next_query shortcode:
[searchandfilter id=”123456″ action=”filter_next_query”] )

What i did :
1) created a section with 2 columns.
2)add a ‘shortcode’ to the right [searchandfilter id=”934″]
3)add a ‘shortcode’ widget to the left.
4)in the shortcode widget i pasted this short code as instructed. [searchandfilter id=”934″ action=”filter_next_query”] << also changed the searchandfilter id to match my search form

https://photos.app.goo.gl/hLSZJaG4VPtDd8eb9 an elaboration of how i execute the steps(it’s just a min short video no worries)

Results: nothing came out of the shortcode widget. However i went back to edit the shortcode widget to
[searchandfilter id=”934″] and remove away action=”filter_next_query” apparently some ‘things’ came out. But i know that i might have did something wrong.

Please kindly advise me what steps did i missed out or i should have done.

Trevor

#206448

This reply has been marked as private.

Ross Moderator

#206659

Hi Fabrice

We had a similar issue to this recently, however it looks like yours may be different.

Elementor, has a template designer (Templates from the main WP admin) which allows you to customise the product archives, this should work fine, as long as you set Display Results Method to WooCommerce Shop, and you are using latest Elementor Pro (2.5.1)

For the WooCommerce shop page, you actually don’t need to follow any of the steps on our Elementor Docs page, so now I’ve just added in a new note regarding WooCommerce:
https://searchandfilter.com/documentation/3rd-party/elementor/#woocommerce-shop

Let me know how that works for you.

Thanks

[Author]

Posts