alex-1917
@alex-1917
Если ответ помог, отметь решением

В дизайне ни бум-бум, как оптимально отображать картинки в интернет-магазине?

Почему спрашиваю - в дизайне ни бум-бум...
Как видно на скриншоте, картинки могут быть:
  • квадратные
  • прямоугольные вертикальные
  • прямоугольные горизонтальные

Как отображать картинки без пустых мест под ними?
Склоняюсь к универсальному формату - квадрат.

Картинки отображаются тегом img, отображать их в виде квадрата через свойство background-cover не подходит/

5d679cf9b7304397345665.jpeg

если дал ответ, держи сюрприз:
5d679d077060b055645389.jpeg
  • Вопрос задан
  • 129 просмотров
Решения вопроса 2
Ankhena
@Ankhena Куратор тега Вёрстка
Нежно люблю верстку
Сюрприз с котиком хорош.

Но вам тоже сюрприз: картинки для интернет магазина нужно готовить.
img тоже автоматом может обрезаться под квадрат, это не проблема. Проблема в другом, что так и голову можно отрезать, автоматом.
Ответ написан
oxyberg
@oxyberg
Продуктовый дизайнер ВКонтакте
  1. Как уже сказали выше, картинки нужно готовить, чтобы они были в одном стиле и формате.
  2. Если не подошел первый вариант, то можно замостить сетку через какой-нибудь masonry.

Еще лучше избавить от ненужной инфы (артикул) в превью товара в выдаче.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы