Перейти к содержимому


Увеличить Высоту Фотографии В Карточке Товара

фото в карточке товара

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 Oksana88

Oksana88

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений

Отправлено 06 Февраль 2018 - 00:12

Добрый день!
Подскажите, как в карточке товара увеличить высоту рамки для фотографии? Как нужно указано на первом прикрепленном фото.

Прикрепленные изображения

  • Без имени-1.jpg
  • Без имени-2.jpg


#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 06 Февраль 2018 - 08:20

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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 Oksana88

Oksana88

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений

Отправлено 06 Февраль 2018 - 13:26

Спасибо огромное, все получилось




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных