Make webshop mobile friendly?

  • Resolved teuptworkshop

    (@teuptworkshop)


    5 years, 11 months ago

    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 5 years, 11 months ago by teuptworkshop.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Nicola Mustone

    (@nicolamustone)

    Automattic Happiness Engineer

    5 years, 11 months ago

    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/
    Thread Starter teuptworkshop

    (@teuptworkshop)

    5 years, 11 months ago

    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..

    Thread Starter teuptworkshop

    (@teuptworkshop)

    5 years, 11 months ago

    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 5 years, 11 months ago by teuptworkshop.
    Nicola Mustone

    (@nicolamustone)

    Automattic Happiness Engineer

    5 years, 10 months ago

    Thanks for sharing your solution!

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

The topic ‘Make webshop mobile friendly?’ is closed to new replies.