В продолжение темы "Установка FancyBox вместо стандартного ThickBox", предлагаю ещё один вариант. Итак, вместо стандартного ThickBox устанавливаем ColorBox на preview товара. Разница: ..........................................ColorBox ......................................................................Стандартный ThickBox ... 1). Качаем последнюю версию ColorBox. И распаковываем из архива файл jquery.colorbox.js в папку catalog/view/javascript/jquery/colorbox 2). Из этого же архива, из папки example1 распаковываем папку images и файл colorbox.css (туда же) - в папку catalog/view/javascript/jquery/colorbox 3). Открываем файл catalog/view/theme/ВАША ТЕМА/template/common/header.tpl и добавляем 2-е строки:
<script src="catalog/view/javascript/jquery/ColorBox/jquery.colorbox.js"> </script><link media="screen" rel="stylesheet" href="catalog/view/javascript/jquery/ColorBox/colorbox.css" />
Ниже (в этом же файле), перед тегом </head> добавляем:
<script>$(document).ready(function(){$("a[rel='slideshow']").colorbox({title: false, //Показывать наименование Товараslideshow:true, //Включаем СлайдШоу. Включен по умолчанию (если надо выключить - ставим true)slideshowSpeed: 2500, //Скорость смены картинкиspeed:1000, // Скорость эффекта "масштабирование"preloading: true, //Значек загрузкиcurrent: "Изображение {current} из {total}", //Выводим номер текущей и общее число картинок на русскомprevious: "Назад", //Подсказки к кнопкам (для некоторых тем)next: "Вперёд", //Подсказки к кнопкам (для некоторых тем)close: "Закрыть", //Подсказки к кнопкам (для некоторых тем)slideshowStart: "Продолжить", //Русифицируем кнопку Start для СлайдШоуslideshowStop: "Пауза", //Русифицируем кнопку Stop для СлайдШоуopacity: 0.7, //Сила затемнения, (допустимые значения от 0.1 до 1) 0.1 - самое слабое, 1 - самое сильное});//Example of preserving a JavaScript event for inline calls.$("#click").click(function(){$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");return false;});});</script>
4). Далее, открываем файл catalog/view/theme/ВАША_ТЕМА/template/product/product.tpl и находим значение:
class="thickbox"
(Их должно быть два!). Меняем оба эти значения на:
rel="slideshow"
Всё. Сохраняем. Закрываем. Проверяем. Внимание: Отображение "Privacy Policy" и "Terms & Conditions" будеи происходить в ThickBox`е. ========================================================================================= Плюсы ColorBoxперед https://opencartforum.com/topic/2149-установка-fancybox-вместо-стандартного-thickbox/"%5D%5Bsize="3'>FancyBox[/size] и стандартным ThickBox:
+ У разных изображений разный размер. + Добавлены новые опции. Существует платное дополнение iLightBox