Все для вебмастера | MOGUTAHELP.RU

Зарегистрируйте бесплатный аккаунт чтобы стать участником нашего портала! После входа в систему вы сможете получить доступ к информации для пользователей , добавлять свои собственные темы и сообщения, а также общаться с другими участниками!

Обсуждение Помощь Миниатюра товара на весь блок

final4ik

Exclusive
Премиум+
Сообщения
30
Баллы
8
Здравствуйте! Все простые методы создания миниатюры я уже проверил. При них миниатюра товара не занимает 100% пространства в блоке каталога товаров.
Делал отдельную картинку по размерам миниатюры - тоже мимо.
2119
Написал в ТП могуты, ответ:
1. В шаблоне у миникарточки товара адаптивная ширина. Подстроить под нее изображение, имеющее фон и статичный размер функционалом системы не получится. В качестве альтернативы можно добавить следующий код в файл стилей шаблона user.css:

.c-goods__img img {
object-fit: cover;
}

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

2. Сейчас у вас отображаются миниатюры, которые созданы из WEBP. Для нарезки по выставленным размерам необходимо: 1. Удалить миниатюры и WEBP, 2. Создать WEBP, 3. Создать миниатюры.

Создание миниатюр с сохранением пропорций не будет нарезать их по точно выставленному размеру.
Попробовал, изображения стали чуть шире и обрезались, но все равно не на весь блок. Кто может подсказать, что там такого нужно в настройках или css накрутить, чтобы изображение было на весь фон?
 
Верх