Рубрики
vam shop Заметки Обучение Шаблоны Юзабилити

Автоматическое выравнивание высоты колонок!

В VamShop 1.99.14 добавлено выравнивание высоты колонок, плиток с информацией о товарах.

Растягивается не сама картинка, а блок, в которой сидит картинка + блок с заголовком названия товара.

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

Нет скачущих плиток, когда у одного товара название выше, у друго ниже, у одного цена выше, у другого ниже.

Сейчас всё должно быть ровно, в одну линию.

В демке это конечно не очень заметно, а на реальных магазинах, где будут разные пропорции картинок, будет видно, что всё выстраивается.

Вот наглядный пример, что я имею в виду.

Screenshot from 2020-03-02 10-49-23.png

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

У товара картинка отличается пропорциями, вытянута не вниз, а вбок, узкая.

Нет отзывов, нет спец. цены.

и всё равно ряды получаются ровные.

Вот чуть подкрасил линиями, что б видно было, что я имею в виду.

Screenshot from 2020-03-02 10-49-23.png

А вот как было до этой правки, что б наглядно было видно, о чём речь.

Screenshot from 2020-03-02 10-57-48.png

Попробуйте провести линию по картинкам, по названию, либо по цене.

Не получится, всё скачет вверх, вниз.