Skip to content

Instantly share code, notes, and snippets.

@jameskoster
Created January 12, 2012 16:58
Show Gist options
  • Save jameskoster/1601658 to your computer and use it in GitHub Desktop.
Save jameskoster/1601658 to your computer and use it in GitHub Desktop.
WooCommerce - Change number of products per row
// 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
}
}
@prositeplease
Copy link

@muddasirawan
Copy link

muddasirawan commented Jan 4, 2018

it helps for me reference link
@media screen and (min-width:1024px) {
.woocommerce ul.products li.product {
width: 21% !important;
margin: 2% !important;
clear: none !important;
}
.woocommerce ul.products li.product:nth-child(4n+1) {
clear: both !important;
}
}

@media screen and (min-width: 768px) and (max-width: 980px) {
.woocommerce ul.products li.product.first, .woocommerce ul.products li.product.last {
clear: right !important;
}
.woocommerce ul.products li.product:nth-child(4n+1) {
clear: none !important;
}
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment