Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Баннер раз в 12 часов
КРЕСТИК
Какая то кнопка
Значения, которые были введены
Прежде чем приступить к настройке данной модификации, сверстай дизайн баннера в Зеро блоке (модификация работает только с Зеро блоком). Расположи его в той части блока в которой хочешь чтобы он отображался на странице и настрой overflow на visible. Далее в генераторе заполняешь поля:

1. «Укажите id zero блока» — указываешь id блока в котором находится баннер;
2. «Класс для кнопки для закрытия блока» — класс элемента, при нажатии на который баннер закрывается.
Чтобы указать класс у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку «Add CSS Class Nome», долее, справа в настройках указываешь тот же класс, что и в генераторе.

3. «Позиционирование блока с виджетом» — выбери подходящий вариант. Например, если виджет должен быть зафиксирован внизу на мобильных устройствах, выбери вариант window bottom.
4. «Cookie name (название переменной)» — благодаря этому значению, модификация понимает, отображается ли данный баннер у пользователя ранее. Можно использовать только английские буквы и цифры. Пробелы не допускаются.
5. «Кол-во часов до повторного показа (в часах)» — в данном поле указываешь количество часов до повторного показа баннера, после его закрытия. При значении 0 он будет отображаться всегда.
6. «Время, через которое будет показан виджет (в миллисекундах)» — время задержки отображения баннера, устанавливается в миллисекундах.

7. Копируешь сгенерированный HTML код и вставляешь его в блок Т123.

Важно:

  • Настройка у блока должна быть overflow visible.
  • Если в зероблоке с баннером позиционирование Fixed on Window Bottom, баннер не отобразится.
  • Рекомендуем заполнять все поля в генераторе.
<!--NOLIM--><!--NLM148--><!--settings {
	"blockId": "#rec888315658", "closeViget":"CloseButton", "widgetPosition":"1", "cookie":"blackFriday", "timeView":"12", "openViget":"3000"
}
settingsend--><!--ts1741598895313ts-->
<style>
.nlm-block-viget992998 {
	position: fixed !important;
	opacity: 0;
	pointer-events: none;
	z-index: 99999 !important;
}
.nlm-block-viget992998 {
	left: 0;
	top: auto !important;
	bottom: 0 !important;
	width: 100%;
}
#rec888315658 .t396__artboard {
	pointer-events: none !important;
}
#rec888315658 .t396__artboard>*:not(.t396__carrier):not(.t396__filter) {
	pointer-events: auto !important;
}
#rec888315658 .t396__filter, #rec888315658 .t396__carrier {
	pointer-events: none!important;
}
.CloseButton {
	cursor: pointer;
}
.htmlhide {
	display: none!important;
}
</style><style class='styles-for-hide-block-before-show-nlm-148_992998'>.nlm-block-viget992998 {
	height: 0 !important;
	max-height: 0 !important;
}
</style>

< script > (function() {
	function t_ready(t) {
		"loading" != document.readyState ? t() : document.addEventListener ? document.addEventListener("DOMContentLoaded", t) : document.attachEvent("onreadystatechange", function() {
			"loading" != document.readyState && t()
		})
	}
	let block;
	const blockSelector = '#rec888315658 .t396__artboard';
	const a = setInterval(() => {
		block = document.querySelector(blockSelector);
		if (!block) {
			return
		}
		clearInterval(a);
		if (!block.className.includes('nlm-block-viget141900')) {
			block.className += ' ' + 'nlm-block-viget141900';
		}
	}, 10);
	setTimeout(() => clearInterval(a), 4000);
	t_ready(function() {
		const nameCookie = 'blackFriday';
		let block = document.querySelector(blockSelector);
		block.className += ' ' + 'nlm-block-viget141900';
		const cookie = getCookie(nameCookie);
		if (!cookie) {
			setCookie(nameCookie, Number('12'));
			setTimeout(function() {
				const styleTagForHideBlock = document.querySelector('.styles-for-hide-block-before-show-nlm-148_141900');
				if (styleTagForHideBlock) {
					styleTagForHideBlock.remove();
				}
				block.style.transition = 'opacity 0.5s ease-in-out';
				block.style.opacity = 1;
				block.style.pointerEvents = 'auto';
			}, 3000);
			const a = setInterval(function() {
				const closeButtons = document.querySelectorAll('#rec888315658 .CloseButton');
				if (closeButtons.length > 0) {
					clearInterval(a);
					for (closeButton of closeButtons) {
						closeButton.addEventListener('click', closeBtn);
					}
				}
			}, 50);
			setTimeout(() => clearInterval(a), 3000);

			function closeBtn() {
				block.style.opacity = 0;
				block.style.pointerEvents = 'none';
				setTimeout(() => block.remove(), 500);
			}
		}

		function setCookie(name, exhours) {
			const d = new Date();
			d.setTime(d.getTime() + (exhours * 60 * 60 * 1000));
			let expires = "expires=" + d.toUTCString();
			document.cookie = name + "=1;" + expires + ";path=/";
		}

		function getCookie(cname) {
			let name = cname + "=";
			let decodedCookie = decodeURIComponent(document.cookie);
			let ca = decodedCookie.split(';');
			for (let i = 0; i < ca.length; i++) {
				let c = ca[i];
				while (c.charAt(0) == ' ') {
					c = c.substring(1);
				}
				if (c.indexOf(name) == 0) {
					return c.substring(name.length, c.length);
				}
			}
			return "";
		}
	})
})() < /script>