Я предлагаю сделать так. Скачиваем архив ниже, заливаем его в корень магазина (Уникальные файлы перезаписаны не будут)
затем открываем ваш шаблон и в файлах:
1. header.tpl перед </head> вставляем код:
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ampliacao/css/jqzoom.css" />
<script src="catalog/view/javascript/jquery/ampliacao/jqzoom.pack.1.0.1.js" type="text/javascript"></script>
<script type="text/javascript"><!--
function bookmark(url, title) {
if (window.sidebar) { // firefox
window.sidebar.addPanel(title, url, "");
} else if(window.opera && window.print) { // opera
var elem = document.createElement('a');
elem.setAttribute('href',url);
elem.setAttribute('title',title);
elem.setAttribute('rel','sidebar');
elem.click();
} else if(document.all) {// ie
window.external.AddFavorite(url, title);
}
}
$(document).ready(function(){
var options =
{
showEffect:'show',
hideEffect:'fadeout',
fadeoutSpeed: 'slow',
title :true,
lens:true,
zoomWidth: 350,
zoomHeight: 350
}
$(".jqzoom").jqzoom(options);
});
//--></script>
2. product.tpl ищем class="fancybox" rel="fancybox" и заменяем на это
class="thickbox jqzoom" rel="gallery"
и все, при наведении курсора изображение увеличивается.
Строку class="thickbox jqzoom" rel="gallery" можно вставить во всех шаблонах гле используется вывод изображений
catalog.zip