Фото Товара В Карточке Товара

Суржан Екатерина (11 Октябрь 2014 - 21:21) писал:

#owl-one-slider-tovar .item {
	display: block;
	margin: 0 auto;
}

#owl-one-slider-tovar .item {
	display: block;
   
}

Ирина345 (12 Октябрь 2014 - 07:09) писал:

#owl-one-slider-tovar .item {
display: block;
margin: 0 auto;
}

#owl-one-slider-tovar .item {
display: block;

}

Суржан Екатерина (12 Октябрь 2014 - 09:39) писал:

.owl-next {
	right: 0;
	background: url('{ASSETS_IMAGES_PATH}sprites.png?design=bistro') no-repeat -305px 0%;
}

.owl-next {
	right: 320px;
	background: url('{ASSETS_IMAGES_PATH}sprites.png?design=bistro') no-repeat -305px 0%;
}

Ирина345 (12 Октябрь 2014 - 09:48) писал:

.owl-next {
right: 0;
background: url('{ASSETS_IMAGES_PATH}sprites.png?design=bistro') no-repeat -305px 0%;
}

.owl-next {
right: 320px;
background: url('{ASSETS_IMAGES_PATH}sprites.png?design=bistro') no-repeat -305px 0%;
}

Den67 (11 Январь 2015 - 22:48) писал:

.owl-carousel .owl-wrapper-outer {
position: relative;
overflow: hidden;
max-width: 420px;
width: 100%;
height: 250px;
}

.owl-carousel .owl-wrapper-outer {
position: relative;
overflow: hidden;
max-width: 420px;
width: 100%;
}

Ирина345 (12 Январь 2015 - 11:27) писал:

.owl-carousel .owl-wrapper-outer {
position: relative;
overflow: hidden;
max-width: 420px;
width: 100%;
height: 250px;
}

.owl-carousel .owl-wrapper-outer {
position: relative;
overflow: hidden;
max-width: 420px;
width: 100%;
}

Den67 (12 Январь 2015 - 11:42) писал:

  /* Активация карусели изображений товара в карточке товара */
	// Активация карусели с маленькими изображениями.
	$('.customNavigation.btn-next, .customNavigation.btn-prew, #owl-one-slider-tovar .item').show();
	//задаем размеры внутренним блокам как у родителя. Хак для opera.
	$('#owl-one-slider-tovar .item').css('width', ($('.leftpart').width() - 20) + 'px');

   var owl = $(".owl-carousel");
				owl.owlCarousel({
								items: 5, //количество слайдев если окно браузера больше чем 1170px
								itemsCustom: [[1170, 6], [1024, 5], [980, 5], [500, 5], [400, 4]], // назначаем количество изображений для определенного размера окна браузера [ширина браузера, количество картинок]
								itemsScaleUp: true,
								responsiveRefreshRate: 300, // Проверка не изменились ли размеры окна браузера
								navigation: true,
								navigationText: [" ", " "],
								autoPlay: 10000,
								singleItem: true
				});

	// Назначает события на кнопки навигации
	$("#views_block .btn-next").on('click', function() {
		owl.trigger('owl.next');
	})
	$("#views_block .btn-prew").on('click', function() {
		console.log('click to prev');
		owl.trigger('owl.prev');
	});

	// Если количество изображений в слайдере только одно то отключаем навигацию
	var lenSliders = $('#owl-one-slider-tovar .item').length,
			isOneImg = true;
	if (lenSliders < 1) {
		isOneImg = false
	}

/* Активация карусели изображений товара в карточке товара */
	// Активация карусели с маленькими изображениями.
	$('.customNavigation.btn-next, .customNavigation.btn-prew, #owl-one-slider-tovar .item').show();
	//задаем размеры внутренним блокам как у родителя. Хак для opera.
	$('#owl-one-slider-tovar .item').css('width', ($('.leftpart').width() - 20) + 'px');

	var owl = $("#owl-carusel");
	owl.owlCarousel({
		items: 5, //количество слайдев если окно браузера больше чем 1170px
		itemsCustom: [[1170, 6], [1024, 5], [980, 5], [500, 5], [400, 4]], // назначаем количество изображений для определенного размера окна браузера [ширина браузера, количество картинок]
		itemsScaleUp: true,
		responsiveRefreshRate: 300, // Проверка не изменились ли размеры окна браузера
		navigationText: ["Предыдущая", "Следующая"]
	});

	// Назначает события на кнопки навигации
	$("#views_block .btn-next").on('click', function() {
		owl.trigger('owl.next');
	})
	$("#views_block .btn-prew").on('click', function() {
		console.log('click to prev');
		owl.trigger('owl.prev');
	});

	// Если количество изображений в слайдере только одно то отключаем навигацию
	var lenSliders = $('#owl-one-slider-tovar .item').length,
			isOneImg = true;
	if (lenSliders < 1) {
		isOneImg = false
	}

Ирина345 (12 Январь 2015 - 11:54) писал:

		{% IF GOODS_IMAGE_EMPTY %}
		  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=dark" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/>
		{% ELSE %}

		{% IF GOODS_IMAGE_EMPTY %}
		  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=dark" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail" itemprop="image"/>
		{% ELSE %}

<g:image_link>{goods.GOODS_IMAGE_LARGE}</g:image_link>

<g:image_link>{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.GOODS_IMAGE_LARGE}{% ENDIF %}</g:image_link>

Vaccina (12 Февраль 2019 - 03:47) писал:

	 {% IF GOODS_IMAGE_EMPTY %}
		 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=dark" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/>
	 {% ELSE %}

	 {% IF GOODS_IMAGE_EMPTY %}
		 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=dark" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail" itemprop="image"/>
	 {% ELSE %}

<g:image_link>{goods.GOODS_IMAGE_LARGE}</g:image_link>

<g:image_link>{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.GOODS_IMAGE_LARGE}{% ENDIF %}</g:image_link>

Pogranets (12 Февраль 2019 - 21:05) писал:

Pogranets (14 Февраль 2019 - 21:13) писал:

Ирина345 (16 Февраль 2019 - 13:48) писал: