Время настройки: 5 минут

Страница авторизации в Zero‑блоке

Позволяет собирать полностью кастомные страницы входа, регистрации и восстановления пароля в личном кабинете из Zero-блоков.

Страница входа в личный кабинет

Страница регистрации в личном кабинете

Дополнение

Своя страница восстановления пароля

Дополнение

Страница входа в личный кабинет

Инструкция по установке

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

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

<script src="https://cdn.postnikovmd.com/tilda@1.5/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 во всплывающем окне. Чтобы страница открывалась в поп-апе, достаточно присвоить ей одну из этих ссылок. Если задать ей любую другую ссылку, она будет открываться в отдельном окне.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Стиль текста

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

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

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

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

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

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

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

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

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

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

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

Особенности

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

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

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

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