WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. silke13
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year ago #

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

  6. MechaGnome
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 10 months 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 10 months 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

About this Topic

Tags

No tags yet.