Pro
Setup
Info
Info
Включено в подписку
Настройки
[
Написать в поддержку
Telegram: @sonneto_support
Кастомизация
]
Для просмотра примера модификации обновите страницу.
<style>
/* Стили для popup 18+ с размытием фона */
.t658__popup {
backdrop-filter: blur(10px); /* размытие фона */
-webkit-backdrop-filter: blur(10px); /* для Safari */
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function () {
// Кнопка "Нет" на popup 18+
const sonnetoButtonNo = document.querySelector(".t658__btn_no");
// Ссылка редиректа при отказе
const sonnetoRedirectLink = "http://sonneto-design.ru/modifications/subscription/redirect";
if (sonnetoButtonNo && sonnetoRedirectLink) {
sonnetoButtonNo.addEventListener("click", function () {
setTimeout(() => {
window.location.href = sonnetoRedirectLink; // <<< ССЫЛКА РЕДИРЕКТА >>>
}, 2000); // <<< ЗАДЕРЖКА ПЕРЕД РЕДИРЕКТОМ (в мс) >>>
});
}
});
</script>
<script>
(function sonnetoUpdType() {
const TildahtmlBclok = document.currentScript;
if (TildahtmlBclok) {
const recordElement = TildahtmlBclok.closest('.r[data-record-type]');
if (recordElement) {
recordElement.setAttribute('data-record-type', Math.random().toString(36).substring(2, 12));
}
}
})();
</script>
/* Стили для popup 18+ с размытием фона */
.t658__popup {
backdrop-filter: blur(10px); /* размытие фона */
-webkit-backdrop-filter: blur(10px); /* для Safari */
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function () {
// Кнопка "Нет" на popup 18+
const sonnetoButtonNo = document.querySelector(".t658__btn_no");
// Ссылка редиректа при отказе
const sonnetoRedirectLink = "http://sonneto-design.ru/modifications/subscription/redirect";
if (sonnetoButtonNo && sonnetoRedirectLink) {
sonnetoButtonNo.addEventListener("click", function () {
setTimeout(() => {
window.location.href = sonnetoRedirectLink; // <<< ССЫЛКА РЕДИРЕКТА >>>
}, 2000); // <<< ЗАДЕРЖКА ПЕРЕД РЕДИРЕКТОМ (в мс) >>>
});
}
});
</script>
<script>
(function sonnetoUpdType() {
const TildahtmlBclok = document.currentScript;
if (TildahtmlBclok) {
const recordElement = TildahtmlBclok.closest('.r[data-record-type]');
if (recordElement) {
recordElement.setAttribute('data-record-type', Math.random().toString(36).substring(2, 12));
}
}
})();
</script>
Настройки модификации
- Добавляем блок редирект T658
- Далее добавляем блок T123 и вставляем в него подготовленный код.
Теги
Модификация
#
CSS
#
Кнопки
#
- В коде прописываем все необходимые значения (ссылки для положительного или отрицательного ответа пользователя, задержка)
Модификатор добавляет редирект для пользователей, которые нажимают кнопку «Нет» на popup 18+.
Редирект ограничение сайта по возрасту +18
не доступно
id:
Подключение скриптов
Базовые настройки
- Кнопка определяется через селектор .t658__btn_no, а ссылка редиректа задаётся в переменной sonnetoRedirectLink.
- Задержка перед редиректом настраивается через setTimeout в миллисекундах.
- Размытие фона popup управляется через CSS-класс .t658__popup с помощью свойства backdrop-filter.
Технические советы
- Чтобы изменить URL редиректа, достаточно поменять значение переменной sonnetoRedirectLink.
- Для изменения задержки перед редиректом используйте второй параметр функции setTimeout.
- Степень размытия фона настраивается через backdrop-filter и -webkit-backdrop-filter (для Safari).
- Модификатор корректно работает на всех страницах с popup 18+, где присутствует кнопка с классом .t658__btn_no.
- Можно добавить дополнительные стили кнопки или popup через CSS для адаптации под дизайн сайта.
Для корректной работы модификации необходимо, чтобы на странице была подключена библиотека jQuery, так как скрипт использует $(document).ready() и .each().
Информация о кастомизации кода доступна только в веб-версии сайта.
Сделать это можно в разделе: Настройки сайта - Ещё - Подключить jQuery на страницах сайта.
В Zero Block скрипты рекомендуется вставлять только после полной загрузки контента страницы, чтобы все элементы блока были доступны для обработки.
Текст скопирован в буфер обмена!
Текст скопирован в буфер обмена!