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') });