0
1) Скачайте приложенный архив на компьютер, распакуйте его и все файлы из него загрузите в раздел Сайт - Редактор шаблонов
2) В шаблоне HTML перед кодом:
<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=shine"></script>
добавьте:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}jquery.fancybox-1.3.4.css" type="text/css" />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.fancybox-1.3.4.pack.js"></script>
3) В шаблоне 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;
});
на
// Увеличение изображение при клике на него и открытие галереи изображений
$('.goodsDataMainImage a, .goodsDataMainImageZoom a').click(function(e){
e.preventDefault();
// Идентификатор главной картинки
var goodsImageId = $('.goodsDataMainImage input').attr("rel"),
// Маленькое изображение, по которому на самом деле будем кликать
goodsImageIconElement = $('.goodsDataMainImagesIcon input[rel="'+goodsImageId+'"]').parent().find('a');
$('a[rel="gallery"]').fancybox();
goodsImageIconElement.trigger('click');
$('a[rel="gallery"]').unbind('click.fb')
});
Прикрепленные файлы
-
fancybox.zip 42,62К
299 Количество загрузок:
