Инструкция по настройке
48644589
Для корректной работы модификаций подключите библиотеку jQuery:
Настройки сайта -> Еще -> Подключить jQuery на страницах сайта
- Этому зеро блоку задаем класс uc-steps
- Всем элементам задаем позиционирование по windows: left, top.
- Адаптируем блок.
- Отключаем autoscale у слайдов (его можно включить у главного блока с контейнером)
- Дублируем готовый адаптированный зеро блок и обновляем информацию слайдов.
Создаем Zero Block, в котором собираем контент для слайда
- Задаем блоку класс uc-tistols-slider
2. Большой шейп в котором будут находиться слайды
3. Задаем ему класс tistols-slider
4. Делаем ширину шейпа в 2 раза больше, чем контент в слайдах.
5. Добавляем необходимое количество небольших шейпов, которые будут заполняться и служить визуализацией прогресс-бара с таймером
6. Выставляем им параметр opacity:100% и цвет делаем темнее, чем тот, который будет заполнять
Задаем им класс dot-line и расставляем в той же последовательности, как создавали
7. Добавляем текстовые названия для слайдов, которые также будут работать как кнопки переключатели
8. Задаем им класс dot-info и расставляем в той же последовательности, как шейпы, которые заполняются
9. Обязательно добавляем шейпы/кнопки для переключения и прописываем им ссылки #slider_left для левой и #slider_right для правой (если переключатели не нужны - сместите их за пределы экрана. Они важны для работы модификации)
Создаем основной Zero Block, который будет служить контейнером для слайдера
Добавляем блок T123
- Копируем в него код из генератора, предварительно заполнив необходимые поля
Вам также может быть интересно: