Отображение товаров в сетке

[vds]

Добрый день.

 

Редактировал сайт, шаблон, выводы и тд.

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

Может кто то сталкивался? Стоит 4 товара в ряду, 1 ряд -4 товара, 2 ряд - один товар, 3 ряд - 4 товара.

Сайт vicdsoie.com

Прикрепит скрин для наглядности.

 

Заранее благодарен!

 

[GetWeb]

Типичная проблема бутстрапа на флоатах, один из товаров выше остальных, возможно из-за переноса заголовка, попробуйте задать высоту товара больше чем сейчас, или ради эксперимента просто через инспектор подрежьте текст в заголовках и посмотрите что будет..

[todaymars]

https://vicdsoie.com/catalog/view/theme/butik/stylesheet/stylesheet.css строка 2239:

.product-thumb .caption {
    padding: 0 20px;
    min-height: 70px;
    text-align: center;
}

[GetWeb]

59 минут назад, todaymars сказал:

https://vicdsoie.com/catalog/view/theme/butik/stylesheet/stylesheet.css строка 2239:

.product-thumb .caption {
    padding: 0 20px;
    min-height: 70px;
    text-align: center;
}

Не заметил, что к посту ссылку прикрепили. 70 маловато, там 80 желательно, а в идеале и все 90 на всякий случай...

[SiteMix]

2 часа назад, GetWeb сказал:

один из товаров выше остальных,

В данном случае, ниже. Последний товар в первом ряду имеет название в одну строку, а предыдущие в две.

 

Можно задать высоту названию. Для этого в конце файла: catalog/view/theme/butik/stylesheet/stylesheet.css

добавить строку:

.product-thumb h4 {height: 32px;}

[florapraktik]

И проверить, что получилось на маленьких экранах.

[vds]

Во первых всем огромное спасибо за помощь!!

 

Отпишусь о результате.

4 часа назад, todaymars сказал:

https://vicdsoie.com/catalog/view/theme/butik/stylesheet/stylesheet.css строка 2239:

.product-thumb .caption {
    padding: 0 20px;
    min-height: 70px;
    text-align: center;
}

Работает, но на разных разрешениях прыгает.

 

2 часа назад, SiteMix сказал:

В данном случае, ниже. Последний товар в первом ряду имеет название в одну строку, а предыдущие в две.

 

Можно задать высоту названию. Для этого в конце файла: catalog/view/theme/butik/stylesheet/stylesheet.css

добавить строку:

.product-thumb h4 {height: 32px;}

Работает на всех разрешения, спасибо!

[SiteMix]

10 минут назад, vds сказал:

Работает на всех разрешения, спасибо!

Но тут есть нюанс - если есть (или будут потом) названия больше двух строк в высоту, то нужно будет либо увеличить высоту блока, либо скрывать всё что превышает эту высоту. Но пока выборочно просмотрел и названий больше двух строк не увидел.