Custom CSS Settings
Open the Admin Bar of your site and follow WooCommerce→ Product Preview→ Custom CSS/JavaScript.
Add this CSS to the field “Custom CSS”:
.et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n+1), .et_left_sidebar.woocommerce-page ul.products li.product:nth-child(3n+1), .et_right_sidebar.woocommerce-page ul.products li.product:nth-child(3n+1)
{
clear: none;
}
.et_full_width_page.woocommerce-page ul.products li.product:nth-child(8n+1), .et_left_sidebar.woocommerce-page ul.products li.product:nth-child(6n+1), .et_right_sidebar.woocommerce-page ul.products li.product:nth-child(6n+1)
{
clear: both;
}