Опубликовано: 24 февраля 2016
Изображение в описании выходит за пределы блока
То изображение которое используется в описании, оно не корректно отображается на разных разрешения, выходит за область блока.
Ноутбук 10 дюймов
Ноутбук 15 дюймов
Возможно ли , чтобы изображение не выходило за области блока описание и автоматически подгонялось под размер экрана?
Комментарии (3)
Так вы же сами указываете изображению размеры. Подправьте описание ваших товаров и уберите у тега изображений <img> атрибуты width, height, style.
Этих атрибутов у изображения нет.
<img src="/wa-data/public/shop/img/купить NEOLINE X-COP 7500-.png">
Если я делаю меньше размер, чтобы нормально отображалось на маленьком разрешении, то на больших разрешениях они мелкие получаются. Да и редактировать каждую карточку товара очень трудоемко.
Невозможен ли автоподгон изображений по ширину блока описания?
1) Вы говорите одно, мы же видим совсем другое:
В оригинале шаблона нет механизмов которые бы изменяли размеры изображений, прописывали им стили или делали что либо в описании товара.
Отсюда вывод - либо вы добавили какой либо скрипт, либо сами проставляете изображениям стили.
2) Автоподгон не возможен, поскольку не ясно каким образом это должно происходить. Но можете попробовать задать всем изображениям ограничение в максимальную ширину, возможно это поможет. В блок пользовательских стилей пропишите правило:
#product-description img { max-width: 100% !important; }1) Согласен, стили прописаны в изображениях, но я приводил пример конкретной страницы и конкретного изображения. Так что я Вас не обманывал))
2) Данное правило помогло, то что нужно было, теперь изображения не выходят за пределы блока описания.
Александр, огромное спасибо Вам!!
P.s. Наверное столько уже вопросов задаю, что уже знаете мой сайт по скринам))