Создаем Zero Block и открываем редактор
- Добавляем html-элемент
- Задаем html-элементу ширину и высоту (таким будет ваш слайдер)
- Копируем в него код для html-элемента из генератора
Настраиваем прогресс-бар
- Создаем шейп Line (линия). Высота, например, 1-2px, длина также на ваше усмотрение, в примере - на ширину слайдера
- Задаем ей класс progress
- Создаем шейпы Circle (круг) для этапов 1-5, задаем им классы step1, step2 и т.д.
Создаем зеро блок для первого слайда
- Прописываем этому блоку класс uc-slide1
- Добавляем необходимые элементы в блок и задаем им настройки:
- Container: Window Container
- Выравнивание: Left & Top
3. Адаптируем первый слайд и делаем копию блока, чтобы настроить другие слайды
4. Всем блокам-слайдам нужно задать аналогичный класс,
uc-slide2 и т.д.
Добавляем блок T123