Ticket 70718 - Collapsible Filter

[Mang]

This is in continuation of this ticket

Collapsible Filter

Hi, On my site, on mobile devices, the sidebars goes below the product listings. The sidebar has filters for the products. Users have to scroll down through all the products to filter the products. Is it possible to create a collapsible filter, please see attached? If not, are there any other options for better user experience. [image] Thanks

I have tried adding this as a custom footer for the shop page and the sidebar displays. However, for a collapsible container, the accordion for the footer builder doesn’t support adding of a widget area. I also tried it as a sidebar shortcode but it doesn’t load it as well.

Any insight will help.

Thanks

[rad]

Hi @Mangtum,

Thanks for reaching out.

May I know the URL that has this issue? I checked the site in your account and I can’t seem to find it nor cellphone category or shop by brand. I like to check what’s the filter button first.

All I see is the price filter feature in which different from your screenshot.

Thanks!

[Mang]

Hi Rad

We have tried to add a footer as per previous suggestion and then add the filter there. There is already a sidebar with this so what we have tried is just to add a sidebar to the footer. To make it collapsible, we tried to add it on an accordion. However, adding a shortcode to the accordion item just displays it as text. Would you please clarify with this?

Thank you!

[ruenel]

Hello @Mangtum,

Thanks for updating in! The shortcode should display in the accordion item content. Just make sure that the shortcode exists in your site. For example, you may add this icon shortcode [x_icon type="anchor"] as a test.

Please let us know if this works out for you.

[Mang]

Hello,

We have tried and this works on our end now. Thank you!

[ruenel]

You are most welcome!