WordPress.org

Forums

WooCommerce - excelling eCommerce
Columns messed up in version 2.10 of WC (6 posts)

  1. janbletz
    Member
    Posted 1 year ago #

    Oops, my columns are messed up.

    A few months ago, I added the following code to the functions.php of my theme: add_filter( 'loop_shop_per_page', create_function( '$cols', 'return 48;' ), 20 );

    This worked fine: 3 products per column (plus a sidebar to the right), 16 rows on a page.

    Now it's a mess. One row has 2 products, a second one 3, another row only one...

    What should I do? I tried removing the code I added, but that doesn't work.

    Jan

    https://wordpress.org/plugins/woocommerce/

  2. janbletz
    Member
    Posted 1 year ago #

    Also (I just remembered), I changed the css of my template:

    .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 {width:30%;clear:none;}

    If I remove this, the products are smaller.

    It still looks awful, though.

    My theme is suffusion.

    Jan

  3. janbletz
    Member
    Posted 1 year ago #

    I just remembered, I changed the css of my template. I added:

    .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 {width:30%;clear:none;}

    The products in the category display are shown a bit smaller now.

    It still looks hideous.

    My theme is Suffusion.

    Jan

  4. janbletz
    Member
    Posted 1 year ago #

    Sorry for the double posting...

  5. nstampler
    Member
    Posted 7 months ago #

    Did you ever find a solution for this? I have this exact problem and can't find a solution for it. Any help would be much appreciated!

    Thanks!

  6. janbletz
    Member
    Posted 7 months ago #

    It works. See http://www.respons.co.nl/winkel Probably becaue I changed the custom css (not quite sure, it's almost a year ago). Here's my code: `.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 {width: 22,9%;clear: none;height: 300px;}
    `

    I hope this works!

    Jan

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