Складно
Тема: системнаяВойтиСоздать магазин
Что нового

Карточки каталога одной высоты: цена, название, оценка и доставка ровно в ряд

Соседние товары на витрине выровнены; на телефоне две колонки, на очень узких экранах одна.

Улучшено

Что изменилось

Карточки товаров на витрине (главная, каталог, категория, похожие товары) получили единый вид. Порядок внутри карточки: фото в пропорции 3:4, цена, название в две строки с кнопкой избранного, общая зона с оценкой и числом заказов, затем срок доставки.

  • Соседние карточки в ряду одной высоты, цена, название и строка доставки стоят на одной линии, даже если у одного товара нет отзывов, а у другого есть скидка и старая цена.
  • Если данных нет (отзывов, заказов), вместо них не появляются нули или выдуманные оценки: место просто остаётся пустым.
  • У отсутствующего товара вместо срока доставки остаётся «Нет в наличии».
  • На телефоне товары идут в две колонки от ширины 350 пикселей, на более узких экранах — в одну. Горизонтальной прокрутки нет.

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

Зачем

Покупателю проще сравнивать товары, когда цена и название не прыгают по высоте от карточки к карточке.

Сетка каталога на телефоне: карточки одной высоты, цена, название и оценка на одной линии
Сетка каталога на телефоне: карточки одной высоты, цена, название и оценка на одной линии
Низ сетки: карточки со скидкой и «Нет в наличии» выровнены по высоте
Низ сетки: карточки со скидкой и «Нет в наличии» выровнены по высоте
Запустить свой магазин