Packages
Take the first step & purchase NOW!
In one month you will thank yourself!
Prices a going up in:
Zero No Limit
73 : 00 : 44 : 20
дни
часы
минуты
секунды

Как вставить таймер из блока CR35 в ZeroBlock в Tilda ?

Т.к. в Tilda есть свой таймер, то попробуем использовать его вместо сторонних кодов. Как выполнили данный пример:
1. Создаём ZeroBlock
2. Создаём в ZeroBlock элемент TEXT и примерную надпись нашего таймера:
Например - 73 : 10 : 44 : 16
3. Затем оформляем как нужно
4. Снизу таймера добавили подписи через 4 элемента Text
Дни , Часы, Минуты, Секунды
5. Добавляем таймер блок Обложки►CR35
6. Делаем настройки
7. Добавляем скрипт на страницу
Скрипт и стили вставляются в блок ДРУГОЕ►Т123
СПИСОК ВСЕХ ВИДЕО
Видеоинструкция данного примера
Видеоинструкция данного примера доступна в архиве
mo-tilda Level UP.
Наглядно показано как создавать подобные вещи и применять их в своих проектах.
Содержание:
1. Создаём карточки в Zero
2. Разбираемся как выполнить адаптацию сложной группы объектов
3. Работаем с панелью слоёв

Создаём ZeroBlock с карточками в два слоя. Показываем скрытый контент по клику.
Длительность видео: 39 мин
Подписка к видеоинструкции на платной основе
Фрагмент видео
<style>
    /*Скрываем блок с таймером*/
[data-record-type="415"] {
    display:none;
}
</style>
<script>
$( document ).ready(function() {
 function ZeroTimer(){
     var zeroDays = $('.t415__days ').html();
     var zeroHours = $('.t415__hours').html();
     var zeroMinutes = $('.t415__minutes').html();
     var zeroSeconds = $('.t415__seconds').html();
//Описываем строку со таймером     
     var timeTitle = zeroDays+' : '+zeroHours+' : '+zeroMinutes+' : '+zeroSeconds ;
//Выводим таймер в текстовом поле ZeroBlock
     $('[field="tn_text_1547302526090"]').text(timeTitle);
    };
    ZeroTimer();
    var timeinterval = setInterval(ZeroTimer,1000);
});   
</script>
Days
Hours
Minutes
Seconds
Made on
Tilda