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

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

<script src="https://cdn.postnikovmd.com/tilda@1.6/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 в конец страницы

<script>members.password(".uc-profile", { 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" } } })</script>

Все примеры

93

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Стиль текста

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

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

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

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

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

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

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

Подключить Pro

от 550 руб./мес

Особенности

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

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

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

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