WordPress.org

Forums

WooCommerce - excelling eCommerce
Products show 2 per row, instead of 3. (13 posts)

  1. silke13
    Member
    Posted 2 years ago #

    Newbie here. I've just started creating my website & I'm using the Wootique theme: http://demo2.woothemes.com/?name=wootique
    My problem is that when I click the main 'Shop' page, the products only show 2 per row, instead of 3. The entire right column is blank.

    Original:
    1 2 3
    4 5 6

    Mine is:
    1 2
    3 4
    5 6

    The problem is only with page 1. Page 2 and the rest are alright. Any easy ways to fix this? Thanks for your time.

    http://wordpress.org/extend/plugins/woocommerce/

  2. jameskoster
    Member
    Plugin Author

    Posted 2 years ago #

    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.

  3. theathlete
    Member
    Posted 2 years ago #

    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:

    http://bestsmokedtuna.com/products/

    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!

  4. jameskoster
    Member
    Plugin Author

    Posted 2 years ago #

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

    Thanks

  5. theathlete
    Member
    Posted 2 years ago #

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

  6. MechaGnome
    Member
    Posted 2 years ago #

    I'm having the same issue on:
    http://legacyironworks.ca/

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

  7. MechaGnome
    Member
    Posted 2 years ago #

    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;}
  8. iseeds
    Member
    Posted 2 years ago #

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

  9. MechaGnome
    Member
    Posted 2 years ago #

    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

  10. iseeds
    Member
    Posted 2 years ago #

    Hello
    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
    Miquel

  11. iseeds
    Member
    Posted 2 years ago #

    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

  12. seednouveau
    Member
    Posted 1 year ago #

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

    [][][]
    []
    [][][]
    []
    [][][]
    []

    (3,1,3,1,3,1)

    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.

  13. seednouveau
    Member
    Posted 1 year ago #

    Side note... It is still displaying the wrong way on the original "shop" page. Odd.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce - excelling eCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.