Прелоадер «Шторы-панели» для Tilda
Каскад отдельных панелей открывает страницу в выбранном направлении.Подробнее о модеСвернуть описание
Прелоадер «Шторы-панели» для Tilda
Каскад отдельных панелей открывает страницу в выбранном направлении.Что умеет мод
- Закрывает первый экран цветными панелями и последовательно убирает их.
- Настраивает число панелей, направление и два чередующихся цвета.
- Задаёт плавность, длительность выхода и задержку между панелями.
- Добавляет название бренда с необязательным акцентным символом.
Как подключить
Выберите структуру
Задайте количество панелей и направление выхода: вверх, вниз, влево или вправо. Для вертикального движения панели стоят рядом, для горизонтального — располагаются друг под другом.
Оформите заставку
Подберите два цвета и при необходимости включите бренд. Настройте текст и акцентный символ после него. Если дополнительный символ не нужен, оставьте его поле пустым.
Настройте каскад
Укажите длительность выхода, интервал между панелями и плавность. Затем настройте появление и исчезновение текста, паузу перед выходом и максимальное ожидание. При необходимости задержите анимации Tilda до завершения заставки.
Опубликуйте и проверьте
Поместите готовый код в T123 в начале страницы. Проверьте весь каскад, последний уходящий фрагмент и первый экран на телефоне. После исчезновения заставки страница должна нормально прокручиваться.
Что учитывать. Длительность одного движения не равна длительности всего каскада: каждая следующая панель начинает позже. Учитывайте число панелей и интервал между ними. Установите только один прелоадер на странице. Для его работы не нужно собирать панели вручную в Zero Block.
Вопросы и ограничения
Можно сделать однотонные шторы?
Да. Укажите одинаковый цвет для чётных и нечётных панелей. Каскадное движение при этом сохраняется.
Можно убрать название бренда?
Да. Отключите текст бренда. Панели продолжат открывать страницу без центральной надписи.
Как уменьшить время ожидания?
Сократите паузу, длительность выхода или интервал между панелями. Также проверьте настройки появления текста и количество полос.
Что меняется при уменьшении движения?
Вместо полного каскада код использует плавное исчезновение заставки. Такое поведение учитывает системную настройку посетителя.
Доступ к конструктору
Это бесплатная модификация. Войдите в аккаунт, чтобы настроить её и получить код.
