Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта
Этот скрипт устанавливается только один раз и помогает работать модификациям личного кабинета. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.
Синхронизация обновлений включена. Новые версии и исправления будут устанавливаться автоматически.
Синхронизация обновлений включена. Модификации будут загружаться с альтернативного источника (для зарубежных проектов).
Синхронизация обновлений отключена. Текущая версия останется неизменной, независимо от обновлений.
Задайте текстовым элементам, которые необходимо синхронизировать с профилем, следующие классы:
.profile-name — для имени пользователя
.profile-login — для его email
.profile-phone — для его телефона
Если пользователь авторизован в личном кабинете, информация подтянется в элементы при загрузке страницы.
Для синхронизации изображения профиля, задайте необходимым элементам класс .profile-image
Если пользователь загрузит в профиль свой аватар, он отобразится в данных элементах. При его отсутствии выведется изображение, установленное в нём изначально. Синхронизация изображений профиля поддерживается только для элементов с типом Shape.
Задайте в настройках модификации класс или ID блока, в который должны подгрузиться элементы
Скопируйте код и вставьте его в блок T123 в конец страницы
Настройки модификации
Настройки модификации
Цвет скелета загрузки:
Класс блока для синхронизации:
Цвет «заглушки», которая отображается вместо основного контента на время загрузки данных.
<!--members.js Своя страница профиля в Zero-блоке. https://postnikovmd.com/mods/members/profile-->
<script>members.loadcontent(".uc-profile")</script>
Скопировать код
Скопировать код
Код скопирован!
Особенности
Работает с любой версткой
Страницу можно оформить без ограничений по вёрстке
Синхронизирует данные профиля
Подгружает данные пользователя в элементы Zero-блока
Поддерживает все стандартные поля
Работает со всеми доступными в личном кабинете полями
Документация
Элементы
Название;Тип;Класс;Ссылка
Изображение профиля;Shape;.profile-image;-
Имя пользователя;Text Element;.profile-name;-
Email пользователя;Text Element;.profile-login;-
Телефон пользователя;Text Element;.profile-phone;-
selector;Класс блока со страницей профиля;string;-
params.save;Ссылка кнопки, по которой сохранить изменения;string;'#save'
params.cancel;Ссылка кнопки, по которой отменить редактирование;string;'#cancel'
params.uploadimg;Ссылка кнопки для загрузки изображения профиля;string;'#uploadimg'
params.deleteimg;Ссылка кнопки для удаления аватара;string;'#deleteimg'
params.style;Пользовательские стили;object;{}
params.style.errorbox.backgroundColor;Цвет фона для сообщений об ошибках;string;'#FF0000'
params.style.errorbox.borderColor;Цвет бордера для сообщений об ошибках;string;'#FF0000'
params.style.errorbox.borderWidth;Толщина бордера для сообщений об ошибках;number;0
params.style.errorbox.borderRadius;Скругление углов для сообщений об ошибках;number;0
params.style.errorbox.color;Цвет текста для сообщений об ошибках;string;'#FFFFFF'
params.style.errorbox.fontSize;Размер текста для сообщений об ошибках;number;14
params.style.errorbox.fontWeight;Толщина текста для сообщений об ошибках;string;'Regular'
params.style.skeleton.backgroundColor;Цвет скелета элементов при загрузке;string;'#F0F0F0'
params.style.password.show;Ссылка для иконки показа пароля;string;-
params.style.password.hide;Ссылка для иконки скрытия пароля;string;-
params.style.password.size;Размер иконки показа/скрытия пароля;number;14