Подгрузка товара в grid view

[elebas]

Indefini.com - Загруженый файл - категори/ксс переименовать в категори/тпл ( менял для загрузки на форум)

 

Пытаюсь вывести по 3 товара на страницу, меняя #maincontent.span12 .cols-3 .grid-box,.content-bottom .grid-box {width:16.6%; на #maincontent.span12 .cols-3 .grid-box,.content-bottom .grid-box {width:33.3%;

 

Вроде все ок - макс товароа - 3 шт в ряду, как я и хотел

но включается дурацкое чередование 

1 ряд - 3 товара

2 ряд - 2 товара

3 ряд- 3товара

4 ряд - 2 товара и т.д

 

Если делать 4 товара в ряд то идет чередование 4-1-4-1-4-1

Судя по пропорциям это связано с тем что у меня стояло 5 продуктов, вот он 5 продуктов(раньше одна строка) делит на 2 строки с учетом изменения размера изображения.

 

Помогите пожалуйста сделать, чтоб каждый ряд состоял из 3 продуктов

 

 

Grid view

/* -------------------------------------------------- */
 
#maincontent.span9 .cols-3 .grid-box {
max-width: 33.3%; 
min-width: 33.3%; 
*width: 33.3%;
}
 
#maincontent.span12 .cols-3 .grid-box,
.content-bottom .grid-box {
width:16.6%;
}
#maincontent.span12 .cols-3 .grid-box,
.content-bottom .cols-3 .grid-box {
width:33.0%;
}
#maincontent.span9 .cols-3 .grid-box {
max-width: 25%; 
min-width: 25%; 
*width: 25%;
}
.tabbed-products .grid-box {
width: 20%;
}
 
.grid-box.alpha,
#maincontent.span9 .cols-3 .alpha3,
#maincontent.span9 .cols-3 .alpha4,
#maincontent.span12 .cols-3 .alpha4,
#maincontent.span12 .cols-3 .alpha5,
.content-bottom .alpha4,
.tabbed-products .alpha6 {
_clear: left; 
margin-left: 0;
}
 
#maincontent.span9 .cols-3 .alpha3,
#maincontent.span9 .cols-3 .alpha5 { clear: none; }
 
.grid-box { 
text-align: center;
float: left;

bootstrap.min.css

stylesheet.css

category.css

Змінено 10 квітня 2016 користувачем shoputils
code в code

[elebas]

http://indefini.com/trusy/?sort=p.date_added&order=DESC 

 

 

 

 

 

Решил включить с ошибкой, посмотрите плз

Змінено 8 квітня 2016 користувачем elebas