URL скопирован в буфер обмена!

Как сделать прелоадер из Zero Block на Tilda?

С помощью этой модификации можно сделать preloader из зеро блока и показывать его при загрузке страницы. Дополнительно можно настроить время и частоту показа прелоадера. Широкие возможности для кастомизации, так как в Zero Block можно загнать любой контент, иконку или анимацию.

Модификация работает с включенным Autoscale в блоках
Модификация работает только с Zero Block
Номер модификации в библиотеке TiCode

Генератор кода

id Zero Block
Таймер для прелоадера
Показывать прелоадер
Войдите в аккаунт чтобы получить доступ к генератору кода
Этот генератор кода доступен только тем кто оплатил подписку
<!--TICODE--><!-- Библиотека модификаций для Тильда https://ticode.dev --> <!--TCD032--><script> let TicodePreloaderClass = '#rec555005628'; let TimeRemove = 2000; $('body').css('overflow', 'hidden'); $(function() { setTimeout(() => { $(TicodePreloaderClass).delay(200).fadeOut('slow'); $('body').css('overflow', ''); setTimeout(() => { $(TicodePreloaderClass).remove() }, 200); }, TimeRemove); }); </script> <style> #rec555005628 { z-index: 999999; position: fixed; top: 0; left: 0; width: 100%; } </style>
КОПИРОВАТЬ КОД
Для нормальной работы модификации необходимо включить библиотеку jQuery.
Как включить: Настройки сайта -> Еще -> Подключить jQuery на страницах сайта
1. Создаем Zero Block и устанавливаем ему высоту 100%;

2. Копируем id блока и вставляем в генератор кода

3. Указываем дополнительные настройки в генераторе
Таймер прелоадера - это время через которое прелоадер пропадет (указываем в миллисекундах)
Показ прелоадера - (Всегда) - прелоадер будет показываться при каждом обновлении страницы, (Только раз) - прелоадер будет показан всего один раз при первом заходе на сайт, (Через время) - прелоадер будет показан повторно только спустя час/день

4. Копируем готовый код и вставляем в HTML блок Т123
Made on
Tilda