Как сделать свою кнопку выхода из личного кабинета на сайте Tilda?
С помощью этой модификации можно добавить в Zero Block или стандартный блок свою кастомную кнопку, при клике на которую будет происходит выход и профиля на сайте Тильда. Модификация работает только в связке с личным кабинетом. В качестве кнопки можно также использовать шейп, картинку или текст.
Этот генератор кода доступен только тем кто оплатил подписку
<!--TICODE--><!-- Библиотека модификаций для Тильда https://ticode.dev -->
<!--TCD142--><script>
(function () {
var tcLogoutSelector = 'a[href="#tc-logout"]';
function ticodeClearTildaMemberProfile() {
var tcKeysToRemove = [];
for (var tiIndex = 0; tiIndex < localStorage.length; tiIndex++) {
var tcStorageKey = localStorage.key(tiIndex);
if (tcStorageKey && /^tilda_members_profile\d+$/.test(tcStorageKey)) {
tcKeysToRemove.push(tcStorageKey);
}
}
tcKeysToRemove.forEach(function (tcStorageKey) {
localStorage.removeItem(tcStorageKey);
});
}
function ticodeHandleLogoutClick(tcEvent) {
tcEvent.preventDefault();
tcEvent.stopPropagation();
ticodeClearTildaMemberProfile();
window.location.reload();
}
function ticodeBindLogoutButtons() {
var tcLogoutButtons = document.querySelectorAll(tcLogoutSelector);
tcLogoutButtons.forEach(function (tcLogoutButton) {
if (tcLogoutButton.dataset.tcLogoutBound === '1') return;
tcLogoutButton.dataset.tcLogoutBound = '1';
tcLogoutButton.addEventListener('click', ticodeHandleLogoutClick);
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', ticodeBindLogoutButtons);
} else {
ticodeBindLogoutButtons();
}
})();
</script>
<script> (function TCDupdType() { 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>
КОПИРОВАТЬ КОД
1. Создаем стандартный блок и или Zero Block с кнопкой, которой назначаем ссылку #tc-logout В стандартных блоках ссылку можно назначить на любую кнопку или текст. В зеро блоке в качестве кнопки можно также использовать шейп, изображение или текстовый элемент.
2. Указываем дополнительные настройки в генераторе: Стандартная иконка профиля - можно выключить или выключить отображение стандартной иконки личного кабинета (круг в правом верхнем углу).
3. Копируем код и вставляем в HTML блок T123.
Примечание! Модификация работает на сайтах с включенным ЛК. Кнопку выхода нужно размещать на странице или страницах, которые показываем только авторизованным пользователям.