Перед тем как вносить измения, пожалуйста ознакомьтесь с вот этим руководством:
http://readyscript.ru/faq/#faq-change-template
За функцию увеличения фото в теме fashion отвечает плагин \resource\js\jquery.zoom.min.js
Чтобы его использовать, нужно:
1. скопировать его в свою тему
2. импортировать его в шаблон \moduleview\catalog\product.tpl, добавив в начало следующую конструкцию:
{addjs file="jquery.zoom.min.js"}
3. изменить вывод фотографий в шаблоне
{foreach $images as $key => $image}
<a href="{$image->getUrl(800,600,'xy')}" data-id="{$image.id}" class="item mainPicture {if ($offer_images && ($image.id!=$offer_images.0)) || (!$offer_images && !$image@first)} hidden{/if} zoom" {if ($offer_images && in_array($image.id, $offer_images)) || (!$offer_images)}rel="bigphotos"{/if} data-n="{$key}" target="_blank" data-zoom-src="{$image->getUrl(947, 1300)}"><img class="winImage" src="{$image->getUrl(350,486,'xy')}" alt="{$image.title|default:"{$product.title} фото {$key+1}"}"></a>
{/foreach}
4. привязать скрипт к фотографиям, добавив следующий скрипт в $(window).load
$('.productImages .zoom').each(function() {
$(this).zoom({
url: $(this).data('zoom-src'),
onZoomIn: function() {
$(this).siblings('.winImage').css('visibility', 'hidden');
},
onZoomOut: function() {
$(this).siblings('.winImage').css('visibility', 'visible');
}
});
});
