Как сделать info-popUp в нерабочие часы на сайте в Tilda
FREE TIME
Discovery Workshops
In the Project Timeline

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

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 && 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').click(); }, 5000);
    };
    if ( (hour >= 17 || hour < 11 ) && ( numday > 5 || numday < 1 ) ) {
     setTimeout(function () { $('.dayoff').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').click(); }, 5000);
    };
    if ( (hour >= 17 || hour < 11 ) && ( numday > 5 || numday < 1 ) ) {
     setTimeout(function () { $('.dayoff').click();}, 5000);    
    };
 });  
</script>
Мы уже закрыты
График работы компании:
ПН-ПТ с 9-00 до 18-00
СБ-ВС с 11-00 до 17-00
Выходной
Мы закрылись раньше
График работы компании:
ПН-ПТ с 9-00 до 18-00
СБ-ВС с 11-00 до 17-00
Made on
Tilda