Как изменить размер картинок товара в разделе "С этим товаром покупают"?

голоса: 0

Подскажите пожалуйста как что прописать в данном коде, чтоб была возможность менять размер изображения товара в интернет магазине. А в "С этим товаром покупают" все картинки большие и разежаются...

<?if($RECOMMENDED_PRODUCTS_PRESENT$)?>
<div id="recommended_products">
<div id="recommended_products_title"><!--<s7136>-->С этим товаром покупают<!--</s>--></div>
<?$RECOMMENDED_PRODUCTS$()?>
</div>
<?endif?>

| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

Голоса: +1
 
Лучший ответ

Примерно так:

#recommended_products img {width:100px;height:100px;}

эти стили нужно прописать в таблицу стилей модуля магазин в самый низ после всех стилей и кавычек, после заменить значение 100 на нужную ширину и высоту фото - Сохранить и после очистить кеш в браузере https://ukit.com/ru/help/kak-ochistit-cahe и проверять результат.

| Автор:
Выбор ответа лучшим | | Автор: Oleg Nine
Спасибо большое Юрий! Картинка уменьшилась, только рамка осталась большой http://allisa.ru/shop/1236/desc/shary-bez-risunka Подскажите пожалуйста как её уменьшить, чтоб расположить в ряд их 4 штучки.
Oleg Nine,

Поправьте в стилях строку номер 631:

.list-item {
 display: block;
 float: left;
 width: 230px;
 height: 327px;
 padding: 3px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-color: #fff;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 margin-left: 25px;
}

замените ее на:

.list-item {
 display: block;
 float: left;
 max-width: 230px;
 max-height: 327px;
 padding: 3px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-color: #fff;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 margin-left: 25px;
}

сохраните, после очистить кеш в браузере https://ukit.com/ru/help/kak-ochistit-cahe и проверять результат.

Yuri_Geruk,
Да, получилось намного лучше! Теперь рамка стала меньше, но всё ровно к сожалению не встали все 4 в ряд товара... Если уменьшаю размер 230х327, то меняется к сожалению везде эта рамка, в том чиссле на товаре в $TOP_WIEW$ Есть ли возможность упорядочить их всё же в один ряд? Именно только рекомендованные товары.
Oleg Nine,

Стили выше верните как были и просто добавьте новые:

.list-item[id^=recommended_products-item-] {max-width: 150px;max-height: 300px;}
.list-item[id^=recommended_products-item-] img {max-width:100%;height:auto!important}

Yuri_Geruk,
Юрий! От души ))) Очень благодарен Вам за помощь! Всё теперь просто отлично как и хотел! Спасибо Вам большое!!!
...