Слайдер из миниатюр с прогресс-баром

Модификатор для добавления слайдера из миниатюрных картинок с цветным прогресс-баром
Инструкция по настройке
Шаблон страницы
Как добавить шаблон
48812963
Для корректной работы модификаций подключите библиотеку jQuery:
Настройки сайта -> Еще -> Подключить jQuery на страницах сайта
jQuery
Создаем Zero Block и открываем редактор
  1. Добавляем необходимое количество шейпов (миниатюр) для переключения слайдов.
  2. Шейпам добавляем изображение и задаем цвет фона (таким будет цвет прогресс-бара)
  3. Задаем класс tistolsCircleTab1 с порядковым номером в конце.
1 шаг
Добавляем текстовый элемент в котором будет выводиться текст
  1. Задаем ему класс tistolsPersonMS
  2. При необходимости добавления второго текстового поля задаем второму текстовому элементу класс tistolsDescMS
  3. Для третьего текстового элемента нужно задать класс tistolsTitleMS
2 шаг
Добавляем блок T123
  1. Копируем в него код из генератора, предварительно заполнив необходимые поля
3 шаг
Вам также может быть интересно: