Displaying 5 products per row, help please!

  • gasto

    (@gasto)


    10 years, 10 months ago

    Hi there

    I’m trying to show 10 products per page, with 5 products per row (2 rows in total per page).

    I’ve inserted this code in my functions.php

    // Change number or products per row to 3
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
	function loop_columns() {
		return 5; // 5 products per row
	}
}

    And then added this to my woocommerce.css:
    .products ul, ul.products { width:675px; }

    However, as you may see, they are not displayed correctly: link

    Any help? Thanks a lot

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

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

    (@vark)

    10 years, 10 months ago

    .woocommerce ul.products {
    width: 675px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 16%;
}
    Thread Starter gasto

    (@gasto)

    10 years, 10 months ago

    Excellent support.
    Thanks a lot

    Thread Starter gasto

    (@gasto)

    10 years, 1 month ago

    Sorry to open to this again. I’ve updated woocommerce to the last version, and can’t seem to enable pagination properly.
    I want to have 10 products per page, with 5 products per row. I’ve added these to my functions.php and woocommerce.css respectively, but it’s all displayed in one page only.

    // Change number or products per row to 3
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
	function loop_columns() {
		return 5; // 5 products per row
	}
}
    .woocommerce ul.products {
    width: 675px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 16%;
}

    Any clues? Thank you very much.

    Thread Starter gasto

    (@gasto)

    10 years, 1 month ago

    Anyone got any idea?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Displaying 5 products per row, help please!’ is closed to new replies.