It took me days to figurate it out but here you go guys:
Go to your: catalog/view/theme/yourtheme/js/common.js
find and change this:
Code: Select all
if (cols1 == 2) {
$('#content .product-layout:nth-child(2n+2)').after('<div class="clearfix visible-md visible-sm"></div>');
} else if (cols1 == 1) {
$('#content .product-layout:nth-child(3n+3)').after('<div class="clearfix hidden-xs"></div>');
} else {
$('#content .product-layout:nth-child(4n+5)').addClass('last');
}
TO: I have 1 column so I changed only that statement: (I had 3 products before and I want 4 per row now):
Code: Select all
else if (cols1 == 1) {
$('#content .product-layout:nth-child(4n+4)').after('<div class="clearfix hidden-xs"></div>');
the go to your: catalog/view/theme/yourtheme/template/module/featured.tpl
find and change this:
Code: Select all
<div class="product-layout col-lg-4 col-md-4 col-sm-6 col-xs-12">
TO:
Code: Select all
<div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-12">
Hopefully this helped!!

ohh BDW using OC V2.0 and don't forget to change the class layout to all the .tpl's that arrays any product list-grid.