Для чего нужна модификация
Подойдёт для страницы с этапами работы: от первого обращения до запуска проекта. Пока посетитель прокручивает страницу, заполнение линии показывает пройденную часть, а кольцо или заливка выделяет текущий этап. Все описания остаются видимыми, поэтому историю можно читать в любом порядке.
Модификация использует существующие сегменты и маркеры HW101 или HW202. Их расположение, номера, изображения и содержание остаются в штатном блоке. Отдельная линия поверх всей страницы не создаётся. Скрытый последний соединитель сохраняет своё исходное состояние.
Как установить
- Добавьте HW101 или HW202 и заполните этапы в Tilda.
- Установите Autoscale в значение «Нет». Назначьте класс uc-aw-timeline; если префикс uc- уже показан, введите aw-timeline.
- Выберите оформление в конструкторе. Поместите полный полученный код в один T123 после всех подключаемых таймлайнов.
- Опубликуйте страницу. Прокрутите её от начала до конца и обратно, проверьте положение маркеров и последний этап на разных экранах.
Что можно настроить
Настраиваются цвет пройденной и непройденной линии, акцент текущего этапа, толщина, кольцо или заливка маркера, точка срабатывания по высоте экрана и длительность перехода. Конструктор показывает настройки в своём предпросмотре.
Совместимость и ограничения
Проверены статические опубликованные структуры HW101 и HW202. После программного добавления этапов потребуется refresh(), после добавления нового блока — подключение. В режиме уменьшения движения соединители заполнены статично, а текущий этап не подсвечивается. Это визуальный прогресс прокрутки, а не отметка фактического выполнения работы.
Что проверено
Оба блока проверены на опубликованной странице при ширине окна около 1187 и 500 px; отдельный пример — при 360 px. Системное уменьшение движения проверено моделированием, не настройкой реального устройства.
