Итак, вместо стандартного ThickBox устанавливаем FancyBox на preview товара. Разница: ......................................... FancyBox......................................................................Стандартный ThickBox 1). Качаем последнюю версию FancyBox. И распаковываем из архива папку FancyBox в catalog/view/javascript/jquery/ 2). Открываем файл catalog/view/theme/ВАША ТЕМА/template/common/header.tpl и находим 2-е строки:
<script type="text/javascript" src="catalog/view/javascript/jquery/thickbox/thickbox-compressed.js"></script><link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/thickbox/thickbox.css" />
Меняем их на эти:
<script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.easing-1.3.pack.js"></script><script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></script><link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.css" media="screen" /><script type="text/javascript">$(document).ready(function() {$("a.thickbox").attr('rel','group');$("a.thickbox img").parent().fancybox({'overlayShow' : true, //* false - не "затемнять" окно.'speedIn' : 600, //* скорость появления картинки'speedOut' : 500, //* скорость исчезания картинки'transitionIn': 'elastic', //* анимации 'fade', 'elastic' и 'none''transitionOut': 'elastic', //* анимации 'fade', 'elastic' и 'none''easingIn' : 'easeOutBack','easingOut' : 'easeInBack'});});</script>
Всё. + Выводим номер текущей и общее число картинок. (В ColorBox эта функция по умолчанию) + Добавлены новые функции. + Отображение "Privacy Policy" и "Terms & Conditions". + У разных изображений разный размер. (Из темы про "ColorBox") Существует платное дополнение iLightBox