В этом видео мы сделаем 2 PopUp окна для не рабочего времени сайта. На Tilda.

Регистрируйтесь на лучшем конструкторе для создания сайтов Tilda: Регистрация здесь

Как сделать PopUp не рабочего времени

<a class="toolate" href="#popup:toolate"></a>
<a class="dayoff" href="#popup:dayoff"></a>

<script type="text/javascript">
   var   day = new Date();
   var   hour = day.getHours();
   var   numday = day.getDay();
   
 $(document).ready(function () {
    if ( (hour >= 18 || hour < 9)  && numday < 6 ) {
     setTimeout(function () {$('.toolate').click(); }, 5000);
    };
     if ( (hour >= 17 || hour < 11 ) && numday > 5 ) {
     setTimeout(function () { $('.dayoff').click();}, 5000);    
    };
 });  
</script>
Пример выполнен из 2-х блоков BF503
Как выполнить данный пример:

1) Создали 2 блока BF503
2) Задали им разные ссылки#popup:toolate и #popup:dayoff
3) Вставили код в блок Другое - Т123
Прописали ссылки наших popUp
<a class="toolate" href="#popup:toolate"></a>
<a class="dayoff" href="#popup:dayoff"></a>

Указали условия показа каждого
if ( (hour >= 18 || hour < 9) && numday < 6 ) {
if ( (hour >= 17 || hour < 11 ) && numday > 5 ) {

Задали время ожидания вызова popUp
5000 мс
К сожалению мы уже закрыты
Наш график работы и доставки заказов
ПР-ПТ с 9:00 до 18:00
СБ-ВС с 11:00 до 17:00
Выходной
Мы закрылись раньше
Наш график работы и доставки заказов
ПР-ПТ с 9:00 до 18:00
СБ-ВС с 11:00 до 17:00
Скрипты и инструкции взяты и используются с официального сайта mo-ti.ru
Пожертвование на развитие проекта
Другие полезные уроки и статьи
Оставить заявку:
Написать мне в:
Нажимая кнопку, вы принимаете Положение и Согласие на обработку персональных данных
Есть вопросы?
Напишите мне