Hi there,
I have created several different filters for my list block to allow users to filter by things like location, day of the week, price, category etc. and on desktop it works great.
However my issue is on mobile the filters take up the whole screen and I rather on mobile people just use the search bar. Is there a way for the filters to be hidden in an accordion until a user interacts with them?
Thanks!
I would go with collapse - uncollapse the filter, search segment on mobile or web. It would look sharp and allow User to view more data per page!
For this reason Iāve hidden filters altogether from Mobile. On a listing page, everything above the fold would consist of filters. Ideally theyād be hidden behind a āFiltersā button instead.
Hi @Marc, that sounds like exactly the kind of thing I am looking for. Do you have any more information on how to get this result? thanks!
Hi @Anna, you can have a block for desktop devices only and another one for mobile. You can configure that in the Visibility settings of a block.
Hi @DavidM, Thanks for the suggestion but I already have this setup. That is not the issue. I donāt need to switch off the filters for mobile. I just want to be able to collapse them down on mobile so they donāt take up so much space.
Got it. Thatās something we will need to add as an option in the future. I will share this with the team.
Just want to put all those filters behind a collapsible button essentially. At the moment multiple filters on mobile are just not user friendly.
How did you hide the filter? The solution described below of having 2 list blocks one for desktop and one for mobile is not ideal.
Did we we ever solve this issue or add this as a feature request? We have the same issue and would like to collapse filters too.
Resurfacing this as Iām in the same boat.
I.e. is there a way to collapse/group filters into a āfiltersā button on mobile, similar to how most/many big ecommerce sites look? Rather than having all filters display at once and take up the entire landing screen.
