Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта

Этот скрипт устанавливается только один раз и помогает работать модификациям личного кабинета. Если у вас уже подключена библиотека модификаций, добавьте этот код ниже после кода библиотеки.

<script src="https://cdn.postnikovmd.com/tilda@1.6/members.min.js"></script>

Создайте отдельную страницу для входа в личный кабинет

Чтобы заменить стандартную страницу авторизации, задайте для неё ссылку «members/login». После этого любые кнопки с такой ссылкой будут автоматически открывать её во всплывающем окне.
Как настроить открытие в поп-апе?
Создайте на странице Zero-блок с формой авторизации и присвойте ему класс .uc-sign

Если блок должен открываться внутри поп-апа, задайте ему прозрачный фон и установите высоту в 100% экрана.
Добавьте в форму авторизации обязательные поля: login password
Для авторизации можно использовать как одну форму с несколькими полями, так и разбить их на несколько разных форм. Главное условие для работы модификации — точное соответствие названий и типов полей в формах:
- login: тип Email
- password: тип One line input field
См. пример
Скройте стандартные кнопки отправки данных и добавьте в блок свою кнопку со ссылкой #submit

Скрыть стандартные кнопки можно в настройках Zero-форм. Для этого удалите текст кнопки (caption) и задайте нулевые значения для её ширины и высоты (width: 0 и height: 0).
Задайте ссылку #close для кнопок закрытия страницы

Данные кнопки будут работать, если страница авторизации откроется в поп-апе. Если открыть её в отдельном окне — кнопки закрытия скроются автоматически.
Задайте в настройках модификации параметры и стили страницы авторизации
Скопируйте код и вставьте его в блок T123 в конец страницы

По умолчанию Тильда открывает ссылки /members/login и /members/signup во всплывающем окне. Чтобы страница открывалась в поп-апе, достаточно присвоить ей одну из этих ссылок. Если задать ей любую другую ссылку, она будет открываться в отдельном окне.

Важно: Открытие в поп-апе работает только при включенном ЛКИМ (см. Настройки сайта → Личный кабинет).

<script>members.login(".uc-sign", { style: { password: { show: "https://static.postnikovmd.com/img/icon-eye.svg", hide: "https://static.postnikovmd.com/img/icon-eye-hidden.svg" }, errorbox: { backgroundColor: "#FDECEE", borderRadius: 8, color: "#FB2D49" }, skeleton: { backgroundColor: "#F3F2F7" }, progressbar: { color: "#FFFFFF", height: 3 }, fade: { backgroundColor: "#18181B", opacity: 0.2, blur: 4 } }, animation: "fade" })</script>

Все примеры

93

Настройки модификации

Скорость и тип переходов:

Класс блока авторизации:

+ Настройки стилей

Иконка пароля

Изображение раскрытия пароля

Сообщения об ошибке

Размер иконки

Изображение скрытия пароля

Индикаторы загрузки

Цвет скелета загрузки

Цвет и высота прогрессбара

Цвет фона сообщения

Бордер сообщения

Радиус скругления

Цвет текста сообщения

Стиль текста

Изображение, которое будет отображаться в поле ввода пароля, когда его символы скрыты (••••••••)

Изображение, которое будет отображаться в поле ввода пароля, когда его символы раскрыты (!#123abc)

Цвет «заглушки», которая отображается вместо основного контента на время загрузки данных.

Цвет и размер индикатора (полоски), отображающегося во время загрузки страницы во всплывающем окне

+ Настройки всплывающего окна

Цвет и непрозрачность затемнения

Настройки всплывающего окна

Размытие фона

Размер активного слайда

<!--members.js Своя страница авторизации в Zero-блоке. https://postnikovmd.com/mods/members/sign-->
<script>members.login(".uc-sign")</script>

Скопировать код

Доступно в подписке Pro

Чтобы скопировать код, оформите подписку

Подключить Pro

от 550 руб./мес

Особенности

Работает как отдельная страница

Авторизоваться в личном кабинете можно по прямой ссылке
Работает внутри поп-апа

Своя авторизация также работает во всплывающем окне
Поддерживает ввод пароля

При регистрации пароль можно указать самостоятельно