Filter & Elementor not working

Anonymous

#269837

Hi,
1) I added a Price range filter to the page, but nothing is filtered. I use Woocommerce and Elementor Pro and I don’t see the “Search & Filter Query” option in Elementor > Query > Source, I also don’t see the “Elementor Post / Product / Portfolio Widget” option in the filter settings in the Display results method. My website. This is how I set it up:
1, 2, 3, 4, 5, 6, 7.

2) Does the Price range filter also take into account the values of Regular prices and Sale prices when using the meta key _price? Or how to set it to take into account when filtering prices that when a product has a Sale price, it has a value in the Sale price field that is lower than the Regular price?

3) How to add Sale price checkbox to filter only products with Sale price?
4) How do I change the appearance of filter buttons and sliders?

Thank you.

Trevor

#269848

Are you using the additional extension plugin for Elementor, which can be installed after clicking the big blue button (you need to be logged in to see it) at the top of the guide page (to download the installation file)?

Anonymous

#269871

Thank you. I can already see it and it works (I was not logged in). Can you answer points 3) and 4)?

Anonymous

#269879

5) is it possible to set 2 or more filters to be horizontal next to each other, aligned to the center of the block in Elementor? I tried to set the horizontality using CSS you recommend, but the Price range filter is narrower and not very useful. screenshot

6) how to turn on Scroll window to Top of Page (Window) on Pagination? I set it but after clicking on the next page it will not return to the top of the page. screenshot

Trevor

#269993

3) Would require there to be a custom field where it indicates if a product has a sale price. I am not sure WooCommerce has such a field. It has the actual Sale Price, but that is not the same thing. It could, I suppose be done with a range field set as a radio button (where the options could be All Items and Sale Items), with some modifications, but only as long as the Sale Price is not being used as a filter elsewhere in the form.
4) That would require custom CSS, but you would need to explore that yourself, as it is not something that would be within the scope of our support, sorry. There are some snippets on our forum:
https://support.searchandfilter.com/forums/search/data+form+sf+id+searchandfilter
I do sometimes provide these, if I have the available time (which I do not at this time, sorry) and publish them for others to see.
5) As above, that can most likely be done, with custom CSS.
6) It should work, but some other JavaScript may be interfering. Looking at that screenshot, the Ajax Container is probably wrong for WooCommerce, which usually has .products for its Ajax Container.

[Author]

Posts