Opencart 2, как сделать корректный вывод сеткой?

[T3X]

Проблема: кривой вывод продуктов сеткой при изменении размера окна браузера (width)

CMS: opencart.cms 2.1.0.1.10

Шаблон: default

 

Видел на просторах интернета решение данной проблемы не однократно, но сейчас меня гугл забанил и не хочет мне показывать именно то что я ищу!

Самому делать падлу так как займет много времени очень, а его не особо то и есть.

 

Подскажите корректные стили для этого всего.

Спасибо и да будет вам + в карму.

[jaffagold]

Задать высоту содержимого( без изображения) карточки товара в стилях (sylesheet.css)

Например

.product-grid .product-thumb .caption {

    height: 250px;/*тут подбираете число п овкусу*/

}

или

использовать скрипт выравнивания высоты блоков

[Grodas]

Вообще в стандартном шаблоне опенкарта это решается таким способом http://prntscr.com/gtl765

Возможно вы изменяли классы. в этом случае нужно col-lg-2, col-lg-6, col-md-2 ... и т.д на свои заменить

@media (min-width: 1200px) {
   #content .col-lg-2:nth-child(6n+1),
   #content .col-lg-2:nth-child(6n+1),
   #content .col-lg-3:nth-child(4n+1),
   #content .col-lg-4:nth-child(3n+1),
   #content .col-lg-6:nth-child(2n+1) {
      clear:left;
   }
}
@media (min-width: 992px) and (max-width: 1199px) {
   #content .col-md-2:nth-child(6n+1),
   #content .col-md-2:nth-child(6n+1),
   #content .col-md-3:nth-child(4n+1),
   #content .col-md-4:nth-child(3n+1),
   #content .col-md-6:nth-child(2n+1) {
      clear:left;
   }
}
@media (min-width: 768px) and (max-width: 991px) {
   #content .col-sm-2:nth-child(6n+1),
   #content .col-sm-2:nth-child(6n+1),
   #content .col-sm-3:nth-child(4n+1),
   #content .col-sm-4:nth-child(3n+1),
   #content .col-sm-6:nth-child(2n+1) {
      clear:left;
   }
}

 

ну или можно минимальную высоту задать

[T3X]

@Grodas , спасибо, по умолчанию так не ровнял...

Еще до первого ответа так и сделал... в контроллере ограничение длинны наименования товара урезал, создал класы для наименования и описания и задал им высоту... пока работает ОК :\

Попробую еще внедрить вариант стиля что вы предоставили. Спасибо в общем