Turn Filters (in Widget Area) to Dropdown Menus on mobileview

  • Hi guys,

    Problem: Turn filters in the widget area into dropdown menus on mobile view.

    I’m using Storefront for my WooCommerce shop. I’ve tweaked a few things, but my shop basically looks the same as the Storefront Demo:
    https://demo.woothemes.com/storefront/product-category/clothing/

    When you look at the mobile version (resize browser window very narrow), the product filters list on the bottom is very long and takes a lot of space. I’d like to turn them into dropdown menus so they don’t use up so much space.

    I figured that it could be possible to use the themes/storefront/js/navigation.js script and add the classes of the product filters there to turn them into dropdown menus. So there’s only 1 script to be loaded instead of using another script.

    Is there already a solution to turn these product filters into dropdown menus, or do I have to hire a programmer?

    I’ve been searching for a while and couldn’t find a solution to fix this problem other than using a different script.

    … any suggestions?

    Thanks,
    Steven

Viewing 2 replies - 1 through 2 (of 2 total)

  • > Is there already a solution to turn these product filters into dropdown menus, or do I have to hire a programmer?

    You could use the navigation.js script, or just write a new script to do that. Basically you would need to add/remove classes based on click, and then use CSS to hide/show the classes depending on the state. We don’t have anything currently to do that, so you would need to write it up.

    Cheers,

    Thread Starter phr4pp

    (@phr4pp)

    Thanks!

    I guess that’s the best way to do it then …

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Turn Filters (in Widget Area) to Dropdown Menus on mobileview’ is closed to new replies.