@greenorangeblue

Изображения товаров в каталоге отображаются не правильно. Как исправить?

Изображения товаров не пропорциональны
Имеют разный формат > jpg, png, webp
В каталоге для каждого товара отображается 2 превью, до наведения и при наведении

Как сделать так, чтобы они отображались полностью в своем боксе?

Ссылка на сайт
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ответы на вопрос 1
@lexchz
.un-product-thumbnail {
position: relative;
padding-top: 100%;
}
.un-product-thumbnail img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}

Но тебе нужно убрать программный hard crop для этих картинок, т.к они сейчас все создаются размером 300*300, обрезая часть картинки.
Ответ написан
Ваш ответ на вопрос

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

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