Hello @isuke01,
Thank you for your feedback. I will help you solve this issue.
“It is 2025 year, The “mobile friendly” is just to put filters below products, in short if you use lazy load user will never see it.”
It is not the filter that moves down the page, but the entire sidebar. This behavior is built into your design theme. The filter is located inside the sidebar, so it moves down along with it.
There is an option in the filter settings that allows you to disable this behavior of the theme and leave the sidebar at the top of the page: https://prnt.sc/yExtG01JioHn
However, it should be taken into account that not all themes allow this to be done; some themes do not allow you to raise the sidebvr up without changing the theme code.
In such cases there are two possible solutions.
1 – If your theme is not compatible with this option.
The easiest way to solve this problem is to click the copy filter button in the filter list.
In the old filter, set display only for desktops.
In the new filter, set display to mobile only.
Add a new filter to the page in the place you need using a shortcode.
2 – You can use Floating Mode, which will allow you to display the filter in its own sidebar/popup. – https://woobewoo.com/documentation/floating-mode/
“super long column”
If you need to shorten the length of the filter itself, you can:
Collapse filter headers: https://prnt.sc/-oBmguiFWB2z
Hide the filter under the button: https://prnt.sc/YwkrSgkGO85A
Use “Show more” for lists: https://prnt.sc/m2O6A9NmfplV
Thread Starter
Isu
(@isuke01)
Move column up or down is really the least issue, or long filters.
My point is overall mobile design for filters is missing, not functional at all.
Here is example of well made filters idea for mobile https://www.pencilandpaper.io/articles/ux-pattern-analysis-mobile-filters# or https://baymard.com/blog/how-to-design-applied-filters
Thanks for the feedback and examples! We’ll review them and see how we can improve mobile filters in our plugin. I’ll get back to you soon with an update.
