Мини-карточки товаров одинаковой высоты

Разработчикам Общение разработчиков
1

Доброго времени всем. Заметил что в зависимости от длины названия товара,блоки имеют разную высоту и лично мне это как-то не нравится.Для кого-то это может и не играет большую роль ,но все-же…

%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%20%D0%BE%D1%82%202019-04-10%2017%3A02%3A02
%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%20%D0%BE%D1%82%202019-04-10%2017%3A02%3A021149×476 109 KB

Решил исправить это.

Итак.
В design/themes/responsive/css/styles.less
изменить секцию

.ty-grid-list__item-name .product-title {
display: block;
color: lighten(@font, 35%);
word-wrap: break-word;

}

на

.ty-grid-list__item-name .product-title {
display: block;
color: lighten(@font, 35%);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding:0 10px !important;

}

А чтобы не получилось как на скрине:

%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%20%D0%BE%D1%82%202019-04-10%2017%3A12%3A04
%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%20%D0%BE%D1%82%202019-04-10%2017%3A12%3A041148×432 82.2 KB

в секцию

.ty-grid-list__control {

добавить

height: 88px;

Величину высоты подгоните уже сами какую надо.
В итоге получаем:

%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%20%D0%BE%D1%82%202019-04-10%2017%3A05%3A41
%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%20%D0%BE%D1%82%202019-04-10%2017%3A05%3A411162×461 101 KB

Всё красивенько и ровненько :slight_smile:

3 лайка