Сейчас узнаем, какой подарок выпадет именно Вам

Крутите колесо

Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом

100

#2470a1

Как сделать info-popUp в нерабочие часы на сайте в Tilda

FREE TIME

Discovery Workshops

In the Project Timeline

Как сделать info-popUp в нерабочие часы на сайте в Tilda

Создали 2 блока BF503

Задали им разные ссылки #popup:toolate и #popup:dayoff

Вставили код в блок Другое - Т123

Прописали ссылки наших popUp
<a class="toolate" href="#popup:toolate"></a>
<a class="dayoff" href="#popup:dayoff"></a>

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

Задали время ожидания вызова popUp
5000 мс

Mo-ti Level Up

Видео инструкции по добавлению кода и работе с Zero Block.

Получить полное видео

Посмотреть все видео

Создаём уведомление о нерабочих часах.
Меняем контент и блоки по заданным условиям.
Длительность видео: 33 минуты

Фрагмент видео

Посмотреть видео в личном кабинете ►

Библиотека для примера

<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 && numday > 0 ) {
     setTimeout(function () {$('.toolate')[0].click(); }, 5000);
    };
    if ( (hour >= 17 || hour < 11 ) && ( numday > 5 || numday < 1 ) ) {
     setTimeout(function () { $('.dayoff')[0].click();}, 5000);    
    };
 });  
</script>

Время по часовому поясу UTC+10 VLAT

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

<script type="text/javascript">
   let  timeZone = +10; // Разница во времени UTC+10 Владивосток
   let  day = new Date();
   let  utc = day.getTime() + (day.getTimezoneOffset() * 60000);
   let  DateOffset = new Date(utc + (3600000*timeZone));
   let  hour = DateOffset.getHours();
   let  numday = DateOffset.getDay();
   
 $(document).ready(function () {
    if ( (hour >= 18 || hour < 9)  && numday < 6 && numday > 0 ) {
     setTimeout(function () {$('.toolate')[0].click(); }, 5000);
    };
    if ( (hour >= 17 || hour < 11 ) && ( numday > 5 || numday < 1 ) ) {
     setTimeout(function () { $('.dayoff')[0].click();}, 5000);    
    };
 });  
</script>

Выводим день недели в заголовок CR01

<script type="text/javascript">
   let   day = new Date();
   let   hour = day.getHours();
   let   numday = day.getDay();
   
 $(document).ready(function () {
    let dayText;
    switch (numday) {
        case 1: dayText ='ПН'; break;
        case 2: dayText ='ВТ'; break;
        case 3: dayText ='СР'; break;
        case 4: dayText ='ЧТ'; break;
        case 5: dayText ='ПТ'; break;
        case 6: dayText ='СБ'; break;
        case 0: dayText ='ВС'; break;
    };
    if(dayText)  $('.t001__title').text(dayText);
 });  
</script>