Show product filters on shop page on mobile/tablet

This topic has 6 replies, 2 voices, and was last updated 4 years, 9 months ago ago by Rose Tyler

  • Avatar: Wen Yen
    Wen Yen
    Participant
    March 5, 2020 at 16:07

    Hi, I am using WOOF products filter plugin, the filters are showing on my shop page. On the mobile phone, these filters are not visible. How can I make them appear on the mobile version too? Thanks.

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 5, 2020 at 16:14

    Hello,

    Go to Theme Options > WooCommerce (Shop) > Shop > Shop page layout > change “Sidebar Position For Mobile”

    Regards

    Avatar: Wen Yen
    Wen Yen
    Participant
    March 18, 2020 at 14:51

    Hi Rose, the sidebar for Mobile only shows ‘Sorting’ and number of items to be shown, what about the product filters? How can I get that to show on Mobile?

    https://ibb.co/WKH1tXS

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 18, 2020 at 15:09

    Hello,

    Theme Options > WooCommerce (Shop) > Shop > Shop page layout > Hide Sidebar For Mobile Devices > Off.

    Regards

    Avatar: Wen Yen
    Wen Yen
    Participant
    March 19, 2020 at 04:16

    Hi Rose,

    The product filters and the ‘Sorting’/’Show’ controls are showing left and right.
    How do I make it top and bottom?
    https://ibb.co/9qjZnfz
    http://mobiletest.me/iphone_5_emulator/?u=http://www.motifculture.com/shop

    These are my current Theme Options.
    For ‘Sidebar Position for Mobile’, I chose ‘Bottom’, but the filters are showing on top of the products.
    https://ibb.co/svrCfZN

    Thanks.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 19, 2020 at 08:38

    Hello,

    As I can see, your sidebar with filters is showing on the bottom of the page – http://prntscr.com/riu1ko
    There is no option to change the position of these elements – http://prntscr.com/riu22f You can disable it via Theme Options > WooCommerce (Shop) > Shop > Shop page layout > Show Products Toolbar On The Shop Page > Off.

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.