No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Загрузка сайта...
NLM085 • ВРЕМЯ НАСТРОЙКИ: 1 МИНУТА
как сделать preloader из зеро блока?
Модификация позволяет создать собственный прелоадер из Зеро блока с возможностью настройки задержки прелоадера, а также ограничения, которое позволяет скрывать прелоадер при полной загрузке сайта.
Для корректной работы модификации включите поддержку jQuery. Подробнее. Как это сделать: Настройка сайта > Еще > Подключить jQuery на страницах сайта.
1. Создаём Зеро Блок и настраиваем свою анимацию;
2. Дальше копируем id Зеро Блока, из которого делаем прелоадер и вставляем в генератор;
3. Указываем количество секунд, которое прелоадер будет отображаться (для ПК и для мобильных устройств);
4. «При полной загрузке сайта скрывать прелоадер» — включаем эту настройку, если нужно скрывать прелоадер при загрузке сайта, а не по времени;
5. «Проигрывать только один раз при заходе на сайт» — включаем эту настройку, если нужно проигрывать прелоадер один раз при заходе на сайт;
6. Копируем сгенерированный HTML код и вставляем его в блок Т123;
ВАЖНО:
2. Дальше копируем id Зеро Блока, из которого делаем прелоадер и вставляем в генератор;
3. Указываем количество секунд, которое прелоадер будет отображаться (для ПК и для мобильных устройств);
4. «При полной загрузке сайта скрывать прелоадер» — включаем эту настройку, если нужно скрывать прелоадер при загрузке сайта, а не по времени;
5. «Проигрывать только один раз при заходе на сайт» — включаем эту настройку, если нужно проигрывать прелоадер один раз при заходе на сайт;
6. Копируем сгенерированный HTML код и вставляем его в блок Т123;
ВАЖНО:
- Код для прелоадера нужно разместить в самом верху страницы. Сам Зеро-блок с прелоадером под ним;
- Если это многостраничный сайт и в хедере есть меню, нужно поставить этот прелоадер и код выше меню. Иначе при загрузке меню будет отображаться ненадолго, будет проявляться;
- Также советуем изучить инструкцию от Тильды по оптимизации сайтов.
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1