URL скопирован в буфер обмена!

Как показывать и скрывать блоки для авторизованных пользователей на Tilda?

С помощью этой модификации можно создать два списка блоков: один будет отображаться только для авторизованных пользователей, а другой — для неавторизованных. Для работы модификации необходимо включить личный кабинет в Тильде.

Модификация работает с включенным Autoscale в блоках
Модификация работает с Zero Block и стандартными блоками
Номер модификации в библиотеке TiCode

Генератор кода

Скрыть для авторизованных
Скрыть для неавторизованных
Войдите в аккаунт чтобы получить доступ к генератору кода
Этот генератор кода доступен только тем кто оплатил подписку
<!--TICODE--><!-- Библиотека модификаций для Тильда https://ticode.dev --> <!--TCD000--><script> document.addEventListener("DOMContentLoaded", function TiCodeLKBlock() { const TCDtildaID = document.querySelector('[data-tilda-project-id]')?.getAttribute('data-tilda-project-id'); if (!TCDtildaID) return; const TCDlocalKey = `tilda_members_profile${TCDtildaID}`; const TiCodeOK = localStorage.getItem(TCDlocalKey) !== null; const TCDblockRemove = document.querySelectorAll(TiCodeOK ? '' : ''); if (TCDblockRemove.length) { TCDblockRemove.forEach(el => el.remove()); } }); </script>
КОПИРОВАТЬ КОД
1. Указываем в поле "Скрыть авторизованным" список блоков которые нужно скрыть авторизованным пользователям. Можно указывать как id через запятую так и классы (класс указывать с точкой):

Пример списка id: #rec826106204, #rec826106374, #rec834106204
Пример списка классов: .uc-lk, .uc-hide
Пример комбинация: #rec826106204, .uc-lk, #rec834106204

2. Указываем в поле "Скрыть неавторизованным" список блоков которые нужно скрыть для пользователей без авторизации. Формат такой же как и в первом случае;

3. Копируем готовый код и вставляем в HTML блок T123.

ЭТОТ БЛОК ВИДНО ТОЛЬКО АВТОРИЗОВАННЫМ ПОЛЬЗОВАТЕЛЯМ

ЭТОТ БЛОК ВИДНО ТОЛЬКО ПОЛЬЗОВАТЕЛЯМ БЕЗ АВТОРИЗАЦИИ

Made on
Tilda