Как показывать и скрывать блоки для авторизованных пользователей на Tilda?
С помощью этой модификации можно создать два списка блоков: один будет отображаться только для авторизованных пользователей, а другой — для неавторизованных. Для работы модификации необходимо включить личный кабинет в Тильде.
Этот генератор кода доступен только тем кто оплатил подписку
<!--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.
ЭТОТ БЛОК ВИДНО ТОЛЬКО АВТОРИЗОВАННЫМ ПОЛЬЗОВАТЕЛЯМ
ЭТОТ БЛОК ВИДНО ТОЛЬКО ПОЛЬЗОВАТЕЛЯМ БЕЗ АВТОРИЗАЦИИ