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

Cтраница курсов в Zero‑блоке

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

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

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

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

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

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

Чтобы заменить стандартную главную страницу личного кабинета, задайте для неё ссылку /members/
Создайте Zero-блок с одним рядом карточек курсов

В одном ряду может быть неограниченное количество карточек, а сами карточки — состоять из любого количества элементов. Модификация будет использовать расположение и размеры этих карточек как шаблон и автоматически дублировать их для всех курсов пользователя. См. пример
Задайте блоку с карточками курсов класс .uc-courses

Как задать класс блокам/элементам?
Объедините содержимое каждой карточки в группу с типом Object

Как создать группу Object?
Присвойте получившимся группам класс .course и ссылку #card

Если в карточку должно подтягиваться название курса, задайте соответствующему текстовому элементу внутри неё класс. course-title
Создайте Zero-блок для пустого состояния курсов и присвойте ему класс .uc-courses-empty

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

После добавления курса информация в личном кабинете обновится при повторном заходе в аккаунт

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

Класс блока с курсами:

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

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

<!--members.js Курсы личного кабинета в Zero-блоке. https://postnikovmd.com/mods/members/courses-->
<script>members.courses(".uc-courses")</script>

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

Особенности

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

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

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

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