Опубликовано: 14 декабря 2015
Как ограничить высоту основного изображения на странице товара?
В пользовательских стилях - http://wm-site.ru/profitbuy/290/blok-polzovatelski...
пропишите правило
.product-gallery .image img { max-height: 300px; }
где 300px замените на желаемую величину
Это правило будет ограничивать изображения высотой более 300px, пропорционально уменьшая изображение до тех пор, пока высота его не станет 300px.
Комментарии (10)
При этом высота ограничивается и в фотографиях в приложении фото, а нужно только в странице товара. Как это можно сделать?
Подправил в описании
Спасибо!
Добрый день! Данное описание не работает!
Сделал все как тут написано ничего не меняется!
Как уменьшить размер фото в карточке товара например до 300px
Но так что бы при клике на фото оно всплывало в размере например 600px ?
Работает, проверьте следуете ли вы инструкции.
Если вы модифицировали тему оформления, то да конечно не будет работать, идентификатор вашей темы изменен.
Мы даем ответы/советы на основе оригинальной темы оформления, поскольку нам неизвестны модификации внесенные в вашу тему оформления.
Ограничил ширину основного изображения в пользовательских стилях: .product-gallery .image img {max-width: 500px;} , но размер рамки не уменьшился. Как сделать, чтоб рамка была по изображению?
.image#product-core-image {
display: inline-block !important;
}
Спасибо! А как можно сместить все влево, чтобы расширить "правую боковую панель"?
сместить в лево
.product-gallery {
text-align: left;
}
а вот для того что бы расширить боковую панель нужно ВСЮ левую панель уменьшить, там где описание, отзывы и т.д.
А как её уменьшить?
можно только на 1/12
в файле product.html
1. строку
<div class="col-grid s12 {if $is_sidebar_product}l5{else}l4{/if} float-right">
на
<div class="col-grid s12 {if $is_sidebar_product}l5{else}l5{/if} float-right">
2. строку
<div class="col-grid s12 {if $is_sidebar_product}l7{else}l8{/if}">
на
<div class="col-grid s12 {if $is_sidebar_product}l7{else}l7{/if}">
3. строку
<div class="product-info col-grid s12 {if !$is_sidebar_product}l8{/if}" id="overview">
на
<div class="product-info col-grid s12 {if !$is_sidebar_product}l7{/if}" id="overview">
Понял. Спасибо