Support » Plugin: WooCommerce » Products Per Row out of whack


    I’ve recently added products to our website and as you can see the first row has 3 products which is what I want, but the remaining rows are not.

    I then have 1 item on 1 row then 2 items on the next row?

    This also happens with “You may also like” and “Related Products”

    I’ve tried a few things, I’ve made the centre column wider but this doesn’t change anything. I know it’s wide enough because the first row has 3 products.

    I’ve also changed theme settings in the backend to reflect 3 items but this also doesn’t change anything. I’ve tried multiple variations of code that people have posted in other support threads but they don’ty do anything either.

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

    I’ve also downloaded the plugin WooCommerce Product Archive Customiser plugin and this is set to 3 for products per row and I’ve still had no luck.

    I’ve checked over my CSS file and code through the back end but I can’t seem to find any reason as to why the products are acting the way they are.

    Any ideas or help would be appreciated.

Viewing 1 replies (of 1 total)
  • Ok so I finally found the issue.

    After everything I tried I came across an option in woocommerce.

    Enable WooCommerce CSS

    I unticked this and everything seems to be normal with the products being in the same row, but now seem to have issues on the sidebar with the product images in your cart, they have been elongated.

Viewing 1 replies (of 1 total)
  • The topic ‘Products Per Row out of whack’ is closed to new replies.