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

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

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

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

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

Дополнение

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

Дополнение

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

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

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

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

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

Создайте отдельную страницу для восстановления пароля

Чтобы заменить стандартную страницу восстановления, задайте для неё ссылку «members/recover-password».
Создайте на странице Zero-блок с формой восстановления пароля и присвойте ему класс .uc-sign

Если блок должен открываться внутри поп-апа, задайте ему прозрачный фон и установите высоту в 100% экрана.
Добавьте в форму восстановления пароля обязательное поле login (тип Email)
Скройте стандартные кнопки отправки данных и добавьте в блок свою кнопку со ссылкой #submit

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

Данный блок будет появляться при отправке письма на указанный в форме email.
Задайте ссылку #close для кнопок закрытия страницы

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

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

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

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

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

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

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

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

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

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

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

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

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

Стиль текста

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

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

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

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

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

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

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

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

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

Особенности

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

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

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

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