Support » Plugins and Hacks » Products show 2 per row, instead of 3.

Products show 2 per row, instead of 3.

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author James Koster


    Would really need to see your site to understand why this is happening as it does not happen in the theme when default settings / config are used.

    I’m baffled with how to get my shop up the right way. I’ve used woocommerce before without any issues, but I’m having issues on this site:


    It’s only doing 1 column and the description, etc, are all condensed to the bottom and give a bad looking layout.

    Where did I go wrong or how can I fix? Thanks!

    Plugin Author James Koster


    @theathlete it looks like you’d disabled the WooCommerce styles. Have a look on the general tab of the WooCommerce settings screen.


    Hey James – The WooCommerce css IS enabled under Styles and Scripts. Any other ideas? Appreciated…Thanks

    I’m having the same issue on:

    Any Ideas? My theme is suffusion, and I also installed its commerce pack that supports woocommerce.

    I fixed it on my site by adding this to the CSS of my theme:

    .woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products {width:100%;}
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {clear:none;}

    Excuse my ignorance
    Where we have to put that code you show?
    I’m in a similar case
    Thank you very much from now

    What theme are you using? You need to add the code to your theme’s CSS. If you tell me the name of the theme I can give you some more direct instructions

    The theme I use is MIO
    I need 3 columns (already so) and 5 rows (there are now 4).
    My site is this: http://www.theiseeds.com/store/
    Greetings and thanks

    is now well:
    1 2 3
    4 5 6
    7 8 9

    I need it this way:
    1 2 3
    4 5 6
    7 8 9
    10 11 12

    I just wanted to chime in that my shop page was displaying products as such:



    I added the code above that MechaGnome posted (THANK YOU!!) to my THEME’s custom CSS tab and it worked! I am using the Shoppest theme.

    Side note… It is still displaying the wrong way on the original “shop” page. Odd.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Products show 2 per row, instead of 3.’ is closed to new replies.