как реализовано здесь http://ideal-buket.ru/
0
При Наведении На Фото Товара - Показывать Следующее Фото
Автор timka, 05 апр. 2015 14:23
Сообщений в теме: 5
#1
Отправлено 05 Апрель 2015 - 14:23
#2
Отправлено 06 Апрель 2015 - 17:25
timka (05 Апрель 2015 - 14:23) писал:
как реализовано здесь http://ideal-buket.ru/
#4
Отправлено 13 Апрель 2015 - 15:26
up
#5
Отправлено 13 Апрель 2015 - 19:46
timka (05 Апрель 2015 - 14:23) писал:
как реализовано здесь http://ideal-buket.ru/
Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js добавьте в конец шаблона код:
// Увеличение изображение при клике на него и открытие галереи изображений $('.goodsDataMainImage a, .goodsDataMainImageZoom a').click(function(){ // Идентификатор главной картинки var goodsImageId = $('.goodsDataMainImage input').attr("rel"), // Маленькое изображение, по которому на самом деле будем кликать goodsImageIconElement = $('.goodsDataMainImagesIcon input[rel="'+goodsImageId+'"]').parent().find('a'); // Для иконки изображения запустим галерею goodsImageIconElement.nyroModalManual(); return false; });
В админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товары найдите код:
<a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
Замените его на:
<a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-other hover-image" data-second-image="{% FOR images %}{% IF goods.images.index = 2 %}{goods.images.SMALL}{% ENDIF %}{% ENDFOR %}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
#6
Отправлено 16 Апрель 2015 - 15:45
Cupuyc (13 Апрель 2015 - 19:46) писал:
Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js добавьте в конец шаблона код:
В админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товары найдите код:
Замените его на:
// Увеличение изображение при клике на него и открытие галереи изображений $('.goodsDataMainImage a, .goodsDataMainImageZoom a').click(function(){ // Идентификатор главной картинки var goodsImageId = $('.goodsDataMainImage input').attr("rel"), // Маленькое изображение, по которому на самом деле будем кликать goodsImageIconElement = $('.goodsDataMainImagesIcon input[rel="'+goodsImageId+'"]').parent().find('a'); // Для иконки изображения запустим галерею goodsImageIconElement.nyroModalManual(); return false; });
В админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товары найдите код:
<a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
Замените его на:
<a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-other hover-image" data-second-image="{% FOR images %}{% IF goods.images.index = 2 %}{goods.images.SMALL}{% ENDIF %}{% ENDFOR %}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных