В продолжении двух тем "Установка FancyBox..." и "Установка ColorBox..." предлагаю третий вариант. Итак, вместо стандартного ThickBox устанавливаем prettyPhoto на preview товара. Разница: ......................................... prettyPhoto....................................................... ..................................................Стандартный ThickBox .... ================================================================================= 1). Качаем архив (ниже) и распаковываем папку prettyPhoto в catalog/view/javascript/jquery/ 2). Открываем файл catalog/view/theme/ВАША ТЕМА/template/common/header.tpl и перед тегом </head> добавляем:
<script type="text/javascript" src="catalog/view/javascript/jquery/prettyPhoto/jquery.prettyPhoto.js"></script><link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/prettyPhoto/prettyPhoto.css" /><script type="text/javascript" src="catalog/view/javascript/jquery/prettyPhoto/jquery.cycle.lite.1.0.min.js"></script><script type="text/javascript" charset="utf-8">$(document).ready(function(){$("a[rel^='prettyPhoto']").prettyPhoto();});</script>
4). Далее, открываем файл catalog/view/theme/ВАША_ТЕМА/template/product/product.tpl и находим значение:
rel="gallery"
(Их должно быть два!). Меняем оба эти значения на:
rel="prettyPhoto[gallery]"
Всё. Плюсы prettyPhoto перед FancyBox, ColorBox и стандартным ThickBox - наличие (thumb) "галереи", (если мышь находится над изображением). + в архиве 6 тем Внимание: Отображение "Privacy Policy" и "Terms & Conditions" будет происходить в ThickBox`е. ============================================================================================ Дополнительные параметры: animation_speed: 'normal', Скорость анимации про загрузке и смене фото, значение fast, slow или normal autoplay_slideshow: true, Разрешить слайд шоу, значение true или false slideshow: 3000, false или интервал в миллисекундах (работает если autoplay_slideshow: true) opacity: 0.60, Сила затемнения, (допустимые значения от 0.1 до 1) 0.1 - самое слабое, 1 - самое сильное show_title: true, Показывает наименование товара, значение true или false default_width: 500, default_height: 500, counter_separator_label: ' из ', Разделитель для счётчика, по умолчанию косая черта (слэш) "/" theme: 'facebook', Указываем тему: light_rounded, dark_rounded, light_square, dark_square или facebook modal: false, Если установлено значение true, закрыть окно можно только по нажатию "Закрыть" ============================================================================================ Установка параметров:
<script type="text/javascript" charset="utf-8">$(document).ready(function(){$("a[rel^='prettyPhoto']").prettyPhoto({animation_speed: 'normal', /* скорость анимации про загрузке и смене фото, значение fast, slow или normal */autoplay_slideshow: true, /* разрешить слайд шоу, значение true или false */slideshow: 3000, /* false или интервал в миллисекундах (работает если autoplay_slideshow: true)*/opacity: 0.60, /* Сила затемнения, (допустимые значения от 0.1 до 1) 0.1 - самое слабое, 1 - самое сильное */show_title: true, /* Показывает наименование товара, значение true или false */default_width: 500,default_height: 500,counter_separator_label: ' из ', /* разделитель для счётчика, по умолчанию косая черта (слэш) "/" */theme: 'facebook', /* указываем тему: light_rounded, dark_rounded, light_square, dark_square или facebook */modal: false, /* если установлено значение True, закрыть окно можно только по нажатию "Закрыть" */});});</script>
prettyPhoto.zip
Существует платное дополнение iLightBox