Сразу говорю это разработка не моя, поэтому прошу не ругать)) Просто решил поделиться со всеми, мож кому и пригодиться Для начала понадобится библиотека JQuery и плагин Cloud Zoom, скачать можно Здесь После того, как архив с файлами будет распакован в корень движка, можно начинать редактирование необходимых файлов. Всего надо будет править 2 файла, это /published/publicdata/[ключ вашей БД]/attachments/SC/themes/[ваша тема]/head.html и /published/SC/html/scripts/templates/frontend/product_brief.html. В файл head.html добавим строки: Код: <link rel="stylesheet" href="{$smarty.const.URL_CSS}/cloud-zoom.css" type="text/css"> <script type="text/javascript" src="{$smarty.const.URL_JS}/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="{$smarty.const.URL_JS}/cloud-zoom.1.0.2.min.js"></script> Напомню, что файл head.html можно редактировать прямо в редакторе дизайна, админки магазина. Отредактируем код в файле product_brief.html, строка 21 начинается с комментария <!— Thumbnail —>, за ним идет ссылка которую необходимо изменить, на такую: Код: <a class ="cloud-zoom" href="{$smarty.const.URL_PRODUCTS_PICTURES}/{$product_info.big_picture|escape:'url'}" rel="position: 'inside' , showTitle: false, adjustX:-4, adjustY:-4"> Обратите внимание, что меняются только атрибуты, тело ссылки остается прежним.
Попробуйте еще этот плагин http://zoomsl.tw1.ru. Похож на Cloud Zoom v3.0, но совершенно бесплатен. Работает во всех браузерах, даже в ие8 поддерживается плавность анимации, чего не скажешь про другие бесплатные плагины.
