Добрый день!
Подскажите, как в карточке товара увеличить высоту рамки для фотографии? Как нужно указано на первом прикрепленном фото.
1
Увеличить Высоту Фотографии В Карточке Товара
Автор Oksana88, 06 февр. 2018 00:12
фото в карточке товара
Сообщений в теме: 2
#1
Отправлено 06 Февраль 2018 - 00:12
#2
Отправлено 06 Февраль 2018 - 08:20
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
после него пропишите:
далее найдите:
замените на:
далее найдите и удалите:
далее зайдите в шаблон Товар найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#owl-one-slider-tovar .item { display: block; margin: 0 auto; }
после него пропишите:
#owl-one-slider-tovar .item a{display: block; width: 100%;} #owl-one-slider-tovar .item a img{width: 100%;}
далее найдите:
.fullimg { display: block; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5% 2%; min-height: 300px; max-height: 345px; /* border: 1px solid #ECF0F1; */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: white; }
замените на:
.fullimg { display: block; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5% 2%; min-height: 300px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: white; }
далее найдите и удалите:
.fullimg .owl-wrapper { height: 280px; }
далее зайдите в шаблон Товар найдите:
<div id="owl-one-slider-tovar" class="owl-carousel"> {% FOR goods_images %} <div class="item js-zoom-gallery" title="Увеличить"> <a itemprop="image" href="{goods_images.LARGE}" target="_blank" title="{GOODS_NAME}"> {% IF goods_images.first %} <img class="lazyOwl firstBigGoodsImg" src="{goods_images.MEDIUM}" alt="{goods_images.NAME}" /> {% ELSE%} <img class="lazyOwl" data-src="{goods_images.MEDIUM}" alt="{goods_images.NAME}" /> {% ENDIF %} </a> </div> {% ENDFOR goods_images %} </div>
замените на:
<div id="owl-one-slider-tovar" class="owl-carousel"> {% FOR goods_images %} <div class="item js-zoom-gallery" title="Увеличить"> <a itemprop="image" href="{goods_images.LARGE}" target="_blank" title="{GOODS_NAME}"> {% IF goods_images.first %} <img class="lazyOwl firstBigGoodsImg" src="{goods_images.LARGE}" alt="{goods_images.NAME}" /> {% ELSE%} <img class="lazyOwl" data-src="{goods_images.LARGE}" alt="{goods_images.NAME}" /> {% ENDIF %} </a> </div> {% ENDFOR goods_images %} </div>
#3
Отправлено 06 Февраль 2018 - 13:26
Спасибо огромное, все получилось
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных