Разваливается сетка товара

[Iga]

Сайт на wp, тема motors.
В разделе магазина Для просмотра ссылки Войди или Зарегистрируйся слетает вёрстка(дырки в сетке) если менять сортировку товара и при перелистывании страниц пагинации.
Помогите найти закономерность, не могу понять откуда ноги проблемы растут!

 

[diex]

Сайт на wp, тема motors.
В разделе магазина Для просмотра ссылки Войди или Зарегистрируйся слетает вёрстка(дырки в сетке) если менять сортировку товара и при перелистывании страниц пагинации.
Помогите найти закономерность, не могу понять откуда ноги проблемы растут!

Допишите в файл CSS:

.woocommerce .products ul li, .woocommerce ul.products li:nth-child(3n+1) {
clear: both;
}

 

[zALEHANz]

Элементарно! Ватсон. Высота col у вас разная по причине разной длины заголовка, в одном случае помещается в одну строку, в другом в две, а может быть и ситуация когда будет три строки. Выходов много
Например такой:
ul.products li {height: 500px;}
Мы указываем фиксированную высоту для col. Не очень изящное решение, лучше действовать тоньше и указать фиксированную высоту для самого заголовка
типа такого:
.stm-product-inner h5 {height: 50px;}

 

[Iga]

Высота col у вас разная по причине разной длины заголовка

Диствительно!

Можно попробовать с помощью jquery вытянуть колонки в одинаковую высоту, но, думаю, решение на css изящнее.

 

[Hamelyon]

Очень полезная статья для форматирования списков и блоков Для просмотра ссылки Войди или Зарегистрируйся