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

Страница профиля в Zero-блоке

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

Страница профиля в Zero‑блоке

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

Дополнение

Загрузка данных профиля в Zero‑блок

Дополнение

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

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

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

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

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

Создайте отдельную страницу для изменения пароля личного кабинета

Чтобы заменить стандартную страницу смены пароля, задайте ей ссылку «members/profile/password».
Создайте на странице Zero-блок с формой изменения пароля и присвойте ему класс .uc-profile
Добавьте обязательные поля в форму смены пароля: current-password new-password confirm-password
Для смены пароля можно использовать как одну форму с несколькими полями, так и разбить их на несколько разных форм. Главное условие для работы модификации — точное соответствие названий и типов полей в формах:
- current-password: тип One line input field
- new-password: тип One line input field
- confirm-password: тип One line input field
См. пример
Скройте стандартные кнопки отправки данных в настройках форм и добавьте в блок свою кнопку со ссылкой #save

Данная кнопка будет изменять пароль профиля, если все значения в формах указаны верно. Чтобы скрыть стандартные кнопки, удалите их текст (caption) и задайте нулевые значения для ширины и высоты (width: 0 и height: 0).
Задайте в настройках модификации параметры и стили страницы профиля
Скопируйте код и вставьте его в блок T123 в конец страницы

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

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

Класс блока с профилем:

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

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

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

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

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

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

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

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

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

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

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

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

Стиль текста

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

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

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

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

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

Особенности

Работает с любой версткой

Страницу можно оформить без ограничений по вёрстке
Синхронизирует данные профиля

Подгружает данные пользователя в элементы Zero-блока
Поддерживает все стандартные поля

Работает со всеми доступными в личном кабинете полями