[Решено] В некоторых категориях появились пробелы между товарами

[Ssphinks]

Здравствуйте, сегодня заметил странный пробел между товарами на сайте.

Opencart 2.0.1.1

Во всех категориях все хорошо, кроме Новинки (скрин прилагаю)

Пытался сегодня найти в чем проблема и не смог. 

Может кто-то сталкивался с таким нюансом, помогите :oops: ?

Заранее спасибо. :wink:

[chukcha]

float:left

min-height

[Ssphinks]

float:left

min-height

Эти Стили общие на всех страницах, везде кроме одной категории отображается нормально

[chukcha]

можете дальше продолжать бороться с ветряными мельницами.

[SiteMix]

сегодня заметил странный пробел между товарами на сайте.

 

Такое бывает когда высота некоторых блоков отличается по высоте. Чаще всего из-за переноса на другую строку более длинного названия или описания. На скриншоте у второго верхнего блока перенеслось название. Блок стал длинней и следующий ряд об него "спотыкается".

 

Для исправления в данном случае нужно сделать одинаковой высоту блока с названием. Если нет более длинных названий, то равной двум строкам. Ссылка на сайт не указана, но для дефолтного шаблона нужно добавить такой код .product-thumb h4 {height: 45px;}. Можно в самый низ stylesheet.css.

Змінено 4 грудня 2016 користувачем SiteMix

[Ssphinks]

@SiteMix, Большое спасибо за развернутый ответ, проблему решил.

[kirillp95]

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

Сайт - kidawear.com.ua
Скрин прикрепил
 

 

[SiteMix]

Доброго времени суток, аналогичная проблема произошла, но вышеприведенное решение не помогло! Сайт - kidawear.com.ua

Приведённое решение работает на дефолтном шаблоне. У тебя шаблон другой. К тому же, есть названия больше 2 строк.

Попробуй такой вариант:

.center-column .product-grid .name{height: 100px;}