Как сделать кастомный таймер в ZeroBlock
Кастомный таймер может понадобиться, когда нужно объявить об окончании скидок, акциях и т.д. И важно, чтобы таймер был красивым, привлекающим внимание, поэтому вы можете задизайнить его и собрать в ZeroBlock
Но есть пару моментов – дата должна быть в формате дни-часы-минуты-секунды, и придется использовать код, но не пугайтесь! тут тоже все просто💜
Создаем:
1. Первым делом нам нужно в ZeroBlocke, где у нас должен быть таймер создать текстовый элемент с рандомными цифрами. Я советую писать цифры, которые «толстенькие», например, 5 и 9. Это нужно для того, чтобы текстовый элемент не скакал по ширине при смене цифр в процессе работы таймера. А также нам нужно 4 текстовых элемента «дней», «часов», «минут», «секунд», чтобы пользователь понимал, как у нас выставлено время.
2. Затем нам нужен стандартный блок CR35
3. В контенте блока CR35 выставляем дату и время окончания таймера
4. Добавили блок Т123 и вставили в него код со страницы https://mo-ti.ru/zerotimer
5. Нам нужно будет заменить выделенный кусок кода
6. Для этого публикуем страничку и заходим в инструменты разработчика
7. Нажимаем на инструмент выбора элементов
8. Нажимаем на текстовый элемент с цифрами, и нам открывается панель с кодом, а также выделен код для нашего текстового элемента. Нам осталось скопировать только нужный момент
10. Вставляем этот фрагмент вместо выделенного на скрине из пункта 5.
