Change the number of products per row in WooCommerce

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 3; // 3 products per row
	}
}

style.css

.woocommerce ul.products li.product {
    width: calc( ( 100% - ( 30px * ( 3 - 1 ) ) ) / 3 );
    float: left;
    margin-right: 30px;
}

.woocommerce ul.products li.product:nth-child(3n+3) {  
  margin-right: 0;
}