Support » Plugin: WooCommerce » Make webshop mobile friendly?

  • Resolved teuptworkshop

    (@teuptworkshop)


    Is there anything I can do to make my woocommerce webshop more mobile friendly? Currently the catalog tree does not show up, which renders browsing pretty much impossible. Also, the products fill the entire screen and as I have over 10K items, it just can’t be used that way.

    Update: Now I made the products three columns, by modifying an example I found (maybe it’s a poor modification, but it works)

    ul.products li.product {
    width: 31%;
    float: left;
    margin-right: 1%;
    }

    Now I still need to have the sidebar that contains the catalog tree display somewhere… right now it is all the way at the bottom, and as there are many products per page, it’s virtually impossible to find, especially by swiping rather than scrolling.

    Does anybody have a good solution for the sidebar? A tab on the left to expand it would be perfect, but I don’t assume that’s possible, so I will take any solution.

    • This topic was modified 2 months, 3 weeks ago by teuptworkshop.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Nicola Mustone

    (@nicolamustone)

    Automattic Happiness Engineer

    Hello there,
    This is a fairly complex development topic. I’m going to leave it open for a bit to see if anyone is able to chime in to help you out.

    I can also recommend the following places for more development-oriented questions:

    1. WooCommerce Slack Community: https://woocommerce.com/community-slack/
    2. WooCommerce FB group: https://www.facebook.com/groups/advanced.woocommerce/

    Thanks for your reply. I will have a look. Or perhaps I will need to post a developer job..

    Seems all that I really need is a way for the mobile version to somehow alternate between a full-screen product grid and a full-screen sidebar. I can imagine this is useful for more webshops than just mine, maybe there’s a plugin for it..

    Using the Widget Options plugin, I was able to add a category tree dropdown list widget under the header on phone only. I guess that mostly solves my problem!

    • This reply was modified 2 months, 3 weeks ago by teuptworkshop.
    Plugin Support Nicola Mustone

    (@nicolamustone)

    Automattic Happiness Engineer

    Thanks for sharing your solution!

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.