Настройка Витрины курсов 3KL

Алексей Городков, Нелли Никитина, Полина Андреева
09.26.24
В статье рассказывается о настройках витрины курсов (предоставляет привлекательный и удобный каталог для поиска и просмотра информации о курсах), категорий курсов и примерах оформления витрины. . . . . . .
Описываемые ниже возможности в полном объеме доступны в СЭО 3КL, начиная с версии 4.1.11b.
Если вы используете более раннюю версию системы — обратитесь с заявкой на проведение обновления в службу технической поддержки ООО «Открытые технологии».

Витрина курсов 3KL (далее – Витрина) позволяет отображать каталог курсов системы в удобном для пользователей виде, имеет широкие возможности настройки оформления как списка курсов и категорий, так и страницы описания курса. Каталог содержит дерево категорий курсов, списки курсов, страницу публичной информации о курсе, вывод мета-информации, плитки и иконки, встроенный поиск и фильтрацию курсов по названиям, датам, ценам, преподавателям и любым настраиваемым полям. Результаты фильтрации могут быть отсортированы, наборы фильтров могут иметь привязку к отдельным категориям. Витрина может отображаться на любых страницах портала в любом удобном пользователю регионе интерфейса СЭО.

Модуль «Витрина курсов 3KL» поддерживает англоязычную локализацию (перевод). скриншот

Настройки Витрины курсов подразделяются на следующие составляющие:

Содержание:
1. Общие настройки Витрины курсов 3KL Требуются права администратора
1.1. Блоки Витрины курсов 3KL
1.2. Общие настройки
1.2.1. Основные параметры
1.2.2. Настраиваемые поля курса
1.2.3. Сортировка курсов
1.2.4. Шаблон страницы описания курса
1.2.5. Переопределение стандартной навигации. «Хлебные крошки» 
1.2.6. Настройка отображения в «хлебных крошках» ссылки-иконки на страницу описания курса и узла «Курсы» («Мои курсы»)
2.
Категории курсов Витрины курсов 3KL
2.1. Плагины отображения списка категорий курсов
2.2. Дополнительные настройки категорий курсов
3. Курсы Витрины
3.1. Плагины отображения списка курсов
3.2. Настройки дополнительных полей курса
4. Дополнительные модули Витрины курсов 3KL
Плагины, которые расширяют возможности Витрины курсов 3KL. Поиск курсов
5. Примеры и решения
5.1. Дополнительная кнопка входа в курс в описании курса
5.2. Дополнительная кнопка входа в курс в Слайдере

1. Общие настройки Витрины курсов 3KL требуются права администратора 

Действия в данной инструкции с пометкой требуются права администратора могут быть выполнены только при наличии доступа «Полный Администратор». Начиная с 2022 года для вновь заключаемых договоров такой набор прав предоставляется роли «Диспетчер-администратор» по умолчанию. Если ваш договор был заключен раньше, вы можете обратиться в техподдержку с соответствующей заявкой на расширение набора прав диспетчера-администратора.
Важно! Неосторожные действия полного администратора могут повредить систему и контент таким образом, что исправление последствий вмешательства выйдет за рамки гарантийной технической поддержки. В случае внесения правок в глобальные настройки рекомендуем вам убедиться в том, что вы полностью понимаете, за что отвечают данные настройки. Если у вас возникают сомнения в назначении глобальных настроек, обратитесь за помощью в техническую поддержку.
Подробная информация в статье «Полный административный доступ».

Общие настройки Витрины делятся на две секции: Блоки Витрины курсов 3KL и Общие настройки.

1.1. Блоки Витрины курсов 3KL

Путь к настройкам: блок «Настройки»—>Администрирование—>Плагины—>Локальные плагины—>Витрина курсов 3KL—>Общие (Рис. 1.1).

Секция содержит список установленных плагинов Витрины с возможностью отдельной настройки каждого плагина (включение/выключение, настройка, удаление). Здесь наглядно видно,  какие блоки (плагины) Витрины есть в системе, включены они или выключены:

Рис. 1.1.  Блоки Витрины курсов 3KL.

-Вернуться к содержанию-

1.2. Общие настройки

Путь к настройкам: Администрирование—>Плагины—>Локальные плагины—>Витрина курсов 3KL—>Общие—>Секция «Общие настройки»

Секция содержит широкий ряд настроек Витрины курсов 3KL. Пользователь получает возможность указать следующие параметры:

1.2.1. Основные параметры

Интерфейс настроек Витрины курсов 3KL (Рис. 1.2.1.а):

Рис. 1.2.1.а. Общие настройки, ч. 1.
  • Шапка Витрины курсов 3KL (см. поз. 1 Рис. 1.2.1.а); Верх Витрины курсов 3KL (см. поз. 2 Рис. 1.2.1.а); Низ Витрины курсов 3KL (см. поз. 3 Рис. 1.2.1.а). Позиции в Витрине (регионы), в каждой из которых можно разместить различные блоки-плагины отображения (п.1.1.), такие как «Категории с иконками», «Блоки курсов», «Плитки курсов», «Поиск курсов» и др.
  • Курсов на странице (см. поз. 4 Рис. 1.2.1.а). Опция разбиения Витрины на страницы. Определяет, сколько курсов может отображаться на одной странице Витрины (например: 12 или 24).
  • Вывод формы изменения количества курсов, отображаемых на странице (см. поз. 5 Рис. 1.2.1.а, поз. 1 Рис. 1.2.1.б); вывод пейджинга (см. поз. 6 Рис. 1.2.1.а, поз. 2 Рис. 1.2.1.б); вывод статистики отображенных курсов (см. поз. 7 Рис. 1.2.1.а, поз. 3 Рис. 1.2.1.б). Включение/выключение отображения перечисленных данных о количестве курсов и определение его месторасположения в Витрине (сверху/снизу/и сверху, и снизу). Пример отображения (включены все три параметра в режиме «сверху») (Рис. 1.2.1.б):

Рис. 1.2.1.б. Основные параметры настройки отображения.

Рис. 1.2.1.в. Общие настройки, ч. 2.
  • Загрузка курсов по ajax (см. поз. 8 Рис. 1.2.1.в). Опция позволяет отображать последующие курсы (со следующей «страницы» Витрины) ниже показанных после нажатия кнопки «Больше курсов» без перезагрузки страницы. Если настройка включена, пейджинг перестает отображаться.
  • Автоматически загружать курсы при достижении конца ленты (см. поз. 9 Рис. 1.2.1.в). Опция позволяет отображать последующие курсы автоматически при достижении конца ленты курсов без перезагрузки страницы.  Работает только при включенной настройке «Загрузка курсов по ajax».
  • Отображать курсы вложенных категорий (см. поз. 10 Рис. 1.2.1.в). Если включено, система будет отображать в списке курсы не только текущей категории, но и всех подкатегорий.
  • Перенаправление в курс со страницы описания курса при переходе из Витрины курсов 3KL (см. поз. 11 Рис. 1.2.1.в). Позволяет настроить переход при клике по ссылке на курс. Возможные варианты:
    •  Не перенаправлять в курс (отображать страницу описания). Все пользователи попадают на страницу описания курса, с которой затем могут перейти в курс.
    • Перенаправлять в курс подписанных (пропускать страницу описания, если пользователь уже подписан на курс). На страницу описания курса попадают только неподписанные на курс пользователи. Участники курса сразу перенаправляются в курс, но имеют возможность вернуться на страницу описания курса по хлебным крошкам.
    • Перенаправлять в курс всех (всегда пропускать страницу описания). Страница описания курса недоступна для всех пользователей.

Настройка может быть переопределена на уровне курса в настройках дополнительных полей курса. 

  • Отображать дополнительную кнопку доступа к курсу (см. поз. 12 Рис. 1.2.1.в). Настройка позволяет скрыть/показать дополнительную кнопку доступа к курсу на странице описания курса. Настройка влияет только на дополнительную кнопку входа в курс, расположенную над описанием курса (Рис. 1.2.1.г), и не влияет на кнопки, добавленные другими способами. Подробнее о дополнительной кнопки доступа к курсу – в разделе 5. Примеры и решения.

Рис. 1.2.1.г. Дополнительная кнопка доступа к курсу.
  • Скрыть контакты курса на странице описания курса (см. поз. 13 Рис. 1.2.1.в). Настройка позволяет скрыть/показать блок с контактами курса на странице описания курса.
  • Скрыть галерею курса на странице описания курса (см. поз. 14 Рис. 1.2.1.в). Настройка позволяет скрыть/показать блок галереи курса на странице описания курса.
  • Базовая категория Витрины курсов 3KL (см. поз. 15 Рис. 1.2.1.в). Если указана, Витрина витрина будет отображать курсы и категории не от корня, а от выбранной категории.
  • Не блокировать доступ к категориям, не имеющим среди родителей базовую (см. поз. 16 Рис. 1.2.1.в). Настройка влияет на работу витрины в случае, если указана базовая категория. При снятой галочке в витрине будет блокироваться доступ к просматриваемой категории, если среди её родителей нет категории, настроенной в качестве базовой. Проставленная галочка позволяет не накладывать подобных ограничений.

 -Вернуться к содержанию-

1.2.2. Настраиваемые поля курса

Настраиваемые поля курса — это специальные кастомные поля, значения которых могут нести дополнительную информацию о курсе, о его классификации, специализации, характеристиках. С помощью таких полей можно задавать дополнительные признаки для курсов. Эти дополнительные признаки используются:

  • Как фильтры в форме расширенного поиска (фильтрации) курсов в Витрине по заданным администратором сайта параметрам.
  • Для сортировки курсов в Витрине.
  • Для отображения значений полей на странице описания курса, в списке курсов (на плитках) и в других местах Витрины.

Рис. 1.2.2.  Общие настройки, ч. 3. Настройка полей курса.
Настройки:
  • Настраиваемые поля курса (см. поз. 17 Рис. 1.2.2). В данное поле вносится код полей формы в yaml-разметке. Внесенные поля могут быть использованы на всем сайте (глобальная настройка).
  • Отображать настраиваемые поля курса (см. поз. 18 Рис. 1.2.2). Настройка глобально отвечает за отображение списка настраиваемых полей курса и их значений на странице описания курса. Настройка может быть переопределена (выключена) в контексте каждого курса.

1.2.3. Сортировка курсов

Сортировка курсов в Витрине определяет, в какой последовательности будут выводиться курсы, и имеет следующие настройки (Рис. 1.2.3.а):

Рис. 1.2.3.а.  Общие настройки, ч. 4. Сортировка курсов в Витрине.
  • Доступные варианты сортировки (см. поз. 19 Рис. 1.2.3.а). Позволяет сформировать доступный для пользователя перечень «быстрых» сортировок. Все отмеченные в этом разделе варианты сортировок курсов (допускается множественный выбор) будут отображаться в выпадающем меню поля «Сортировка» расширенного поиска в Витрине курсов 3KL (Рис. 1.2.3.б).

Рис. 1.2.3.б. Выбор варианта сортировки курсов в форме расширенного поиска.

Для того, чтобы поле «Сортировка» было доступно в интерфейсе расширенного поиска, в настройках поиска Витрины курсов 3KL (Администрирование->Плагины->Локальные плагины->Витрина курсов 3KL->Поиск курсов->Настройка поиска) должна быть установлена опция «Показать поле сортировки» (Рис. 1.2.3.в).

Рис. 1.2.3.в.  Опция «Показать поле сортировки» в настройках поиска Витрины курсов 3KL.
  • Вариант сортировки по умолчанию (см. поз. 20 Рис. 1.2.3.а). Курсы в Витрине будут упорядочены по указанному здесь варианту сортировки.
  • Направление сортировки (см. поз. 21 Рис. 1.2.3.а). Здесь можно выбрать направление сортировки курсов по возрастанию или по убыванию.
  • Как считать популярность курса (см. поз. 22 Рис. 1.2.3.а). Параметр определяет, как будет рассчитываться популярность курса для сортировки: по уникальным просмотрам курса за месяц — популярность курса определяется числом уникальных пользователей, посещавших курс за период в 30 дней. На данный момент других вариантов подсчета нет.
На уровне категорий к вариантам сортировки курсов в Витрине могут быть добавлены дополнительные поля курсов см. п. 2.2.

-Вернуться к содержанию-

1.2.4. Шаблон страницы описания курса

Рис. 1.2.4. Общие настройки, ч. 5. Шаблон оформления страницы описания курса.
  • Шаблон оформления страницы описания курса (см. поз. 23 Рис. 1.2.4.а). Здесь выбирается глобальный шаблон для оформления страницы описания курса. В дальнейшем шаблон может быть переопределен на уровне категории курсов и / или в самом курсе. По умолчанию установлен Стандартный шаблон, но может быть выбран любой из имеющихся на сервере. Шаблоны хранятся в виде файлов на сервере с СЭО и могут быть изменены администраторами сервера.
Разработку индивидуальных шаблонов для Витрины можно заказать через заявку в личном кабинете клиента. Применение разных шаблонов позволяет адаптировать внешний вид страницы описания курса под каждый тип курса.
1.2.5. Переопределение стандартной навигации. «Хлебные крошки»

Рис. 1.2.5.а. Общие настройки, ч. 5. Переопределение стандартной навигации.
  • Переопределить стандартную навигацию (см. поз. 24 Рис. 1.2.5.а). С включением этой настройки (значение по умолчанию — «Да») стандартная навигация будет изменена с целью перенаправления пользователей на альтернативные интерфейсы, реализованные в Витрине курсов (см. поз. 23 Рис. 1.2.5.а).
    Из категорий курсов будет осуществляться автоматическое перенаправление на страницы категорий курсов в витрине.
При переходе на стандартную страницу категории курса из любого интерфейса СЭО 3KL (например, из блока «Навигация») пользователь будет перенаправлен на альтернативную страницу категории Витрины (Рис. 1.2.5.б).

Рис. 1.2.5.б. Альтернативная страница категории Витрины курсов 3KL.
Пример использования переопределения навигации
В учебном центре среда электронного обучения 3KL настроена так, что пользователи после авторизации попадают в личный кабинет и осуществляют дальнейшую навигацию по страницам системы через блок «Навигация». Для оформления каталога курсов и категорий используется модуль «Витрина курсов 3KL». Необходимо, чтобы пользователи переходили внутри СЭО только на страницы Витрины курсов 3KL, а не на классические страницы категорий курсов для избежания путаницы. Администратор настраивает преопределение стандартной навигации. Пользователи по любым ссылкам из системы на категории и курсы попадают только на страницы Витрины.

В «хлебных крошках» ссылки на стандартные категории курсов будут вести на страницы категорий курсов в Витрине, а ссылка на страницу «Курсы» будет вести на главную страницу Витрины курсов 3KL (Рис. 1.2.3.в).

Рис. 1.2.5.в. Ссылки на страницы в «хлебных крошках».

Ссылка на Витрину добавляется в «хлебные крошки» страниц категорий и описаний курсов только при следующих условиях:
1. Витрина курсов 3KL не добавлена на главную страницу настройкой в конфигурационном файле или «Стартовая страница по умолчанию для пользователей» не является страницей «Сайт».
2. Переопределение навигации в «хлебных крошках» включено.

1.2.6. Настройка отображения в «хлебных крошках» ссылки-иконки на страницу описания курса и узла «Курсы» («Мои курсы»)

  • 25. Скрытие/отображение в «хлебных крошках» узла «Курсы» («Мои курсы») (поз. 25 Рис. 1.2.6.а). Настройка позволяет скрыть/показать в «хлебных крошках» узел «Мои курсы» (для пользователей, подписанных на курс), либо узел «Курсы» (для пользователей, не подписанных на курс).

Рис. 1.2.6.а. Настройка «Исключить узел Курсы (Мои курсы) из «хлебных крошек»».

Для того, чтобы включить эту настройку, необходимо перейти в:

Администрирование—>Плагины—>Локальные плагины—>Витрина курсов 3KL—>Общие (низ страницы)

Узел «Курсы» («Мои курсы») исчезает из «хлебных крошек» сразу после включения соответствующей настройки (снятия «флажка», т. к. по умолчанию настройка не активна).

Рис. 1.2.6.б. Отображение узла «Курсы» в «хлебных крошках» (для пользователя, не подписанного на курс).

Рис. 1.2.6.в. Узел «Курсы» скрыт (для пользователя, не подписанного на курс).

Скрытие/отображение в «хлебных крошках» ссылки-иконки на страницу описания курса.

При условии включенной настройки «Переопределить стандартную навигацию» ссылка-иконка на страницу описания курса отображается в «хлебных крошках» в соответствии с настройками страницы описания курса скрыта для тех или иных групп пользователей (подписанных / не подписанных на курс).

Подробнее о настройке отображения страницы описания курса в статье: «Настройка отображения элементов Витрины курсов 3KL через дополнительные поля курса», п.  2.1 Секция настроек страницы описания курса
  • Скрывать пустые категории (см. поз. 26 Рис. 1.2.6.а). Данная опция позволяет не отображать пользователю категории, которые не приведут его к доступным для него курсам. Сама категория может быть и не пуста, но может содержать в себе пустые категории или категории, содержащие курсы, к которым у пользователя доступа нет (например, скрыты). Для таких случаев включенная настройка исключит из выборки категории, которые не ведут к полезным данным (см. поз. 26. Рис. 1.2.6.а).

-Вернуться к содержанию-

2. Категории курсов Витрины

Настройки определяют отображение категорий курсов Витрины. Настройки для категорий наследуется для вложенных в них категорий (подкатегорий) и курсов.

Внимание! Категории (и подкатегории) отображаются в Витрине курсов 3KL только при условии наличия в них хотя бы одного курса.

2.1. Плагины отображения списка категорий курсов Витрины требуются права администратора 

Администрирование—>Плагины—>Локальные плагины—>Витрина курсов 3KL—>Общие—>Блоки витрины курсов
Администрирование—>Плагины—>Локальные плагины—>Витрина курсов 3KL—>(Название плагина)

В разделе приведены варианты отображения списка категорий курсов Витрины и их настройки.

Блок списка категорий (Рис. 2.1.1)

Рис. 2.1.1. Блок списка категорий на Витрине курсов.

На странице Администрирование—>Плагины—>Локальные плагины—>Витрина курсов 3KL—>Блок списка категорий доступны следующие настройки (Рис. 2.1.2):

Рис. 2.1.2. Настройки блока списка категорий.
  • Скрывать заголовок блока списка категорий (см. поз. 1 Рис. 2.1.2). Позволяет скрыть (= Да) или отобразить (=Нет) заголовок «Категории» над Витриной (см. поз. 1 Рис. 2.1.1).
  • Позиция блока (см. поз. 2 Рис. 2.1.2). Код региона, в который будет добавлен блок. Регионы определяются темой оформления.
  • Вес блока (см. поз. 3 Рис. 2.1.2). Очередность блоков в регионе. 1 – самый верхний блок на странице, 2 – следующий за первым блок и т. д.

Категории с иконками (Рис. 2.1.3)

Рис. 2.1.3. Категории с иконками на Витрине курсов.

На странице Администрирование—>Плагины—>Локальные плагины—>Витрина курсов 3KL—>Категории с иконками доступны следующие настройки (Рис. 2.1.4):

Рис. 2.1.4. Настройки категорий с иконками.
  • Отобразить заголовок с названием категории (см. поз. 1 Рис. 2.1.4). Позволяет отобразить (= Нет) или скрыть (=Да) заголовок «Категории» над Витриной (см. поз. 1 Рис. 2.1.3).
  • Категорий в ряду (см. поз. 2 Рис. 2.1.4). Число категорий, которые будут отображаться в одном ряду. Значение учитывает ширину экрана, поэтому возможны варианты, когда категории перемещаются на следующий ряд независимо от значения параметра.
  • Файл иконки (см. поз. 3 Рис. 2.1.4). Файл иконки для категорий по умолчанию. Может быть переопределен с помощью настройки в дополнительных настройках категории «Изображение категории».
  • Включить якоря вместо ссылок (см. поз. 4 Рис. 2.1.4). Опция работает совместно с другими плагинами и в общем случае отключена. Полезно, когда все курсы системы отображены на одной единственной странице, например, если на витрине отображается плагин «Таблица курсов» со включенной настройкой «Группировать курсы по категориям».
  • Включить кнопку «Назад» (см. поз. 5 Рис. 2.1.4). Добавляет в список категорий кнопку «На уровень выше», при клике по которой пользователь перемещается к родительской категории. Если отключена, родительская категория доступна в навигации.
  • Файл иконки кнопки «Назад» (см. поз. 6 Рис. 2.1.4). В случаях, когда включена кнопка «Назад», этот параметр позволяет указать отдельную иконку (Рис. 2.1.5).

Рис. 2.1.5. Иконка в кнопке «Назад».

Плитки категорий (Рис. 2.1.6)

Рис. 2.1.6. Плитки категорий на Витрине курсов.

Рис. 2.1.7. Настройки блока Плитки категорий.
  • Скрывать заголовок блока Плитки категорий (см. поз. 1 Рис. 2.1.7). Позволяет скрыть (= Да) или отобразить (=Нет) заголовок «Категории» над Витриной (см. поз. 1 Рис. 2.1.6).
  • Размер плиток (см. поз. 2 Рис. 2.1.7). Параметр, который позволяет указать размер плиток категорий. Размеры варьируются от самого маленького (xx-small, поз. 1 Рис. 2.1.8) до самого большого (xxx-large, поз. 2 Рис. 2.1.8).

Рис. 2.1.8. Отличия в размере между иконками категорий курсов.
  • Изображение категорий курсов по умолчанию (см. поз. 3 Рис. 2.1.7). Параметр, который позволяет указать стандартное изображение плитки категории (изображение будет отображаться для всех курсов (Рис. 2.1.9). Если в дополнительных настройках категории курсов категории задано индивидуальное изображение, оно будет отображаться вместо стандартного, а если для категории не задано изображение, вместо него будет отображаться иконка «Нет изображения» (Рис. 2.1.10).

Рис. 2.1.9. Заданное изображение категории курсов по умолчанию.

Рис. 2.1.10. Не заданное изображение категории курсов по умолчанию.

Универсальный список категорий

  • Шаблон списка категорий. Определяет шаблон, на основе которого будет отображаться список категорий. Доступны следующие шаблоны:
    • Вертикальный список (Рис. 2.1.11).
    • Альбомный вид (Рис. 2.1.12).
    • Плитки (Рис. 2.1.13).
    • Иерархия плиток (Рис. 2.1.14). Режим позволяет отображать иерархию вложенных категорий, когда выбрана подкатегория.

Рис. 2.1.11. Вертикальный список.

Рис. 2.1.12. Альбомный вид.

Рис. 2.1.13. Плитки.

Рис. 2.1.14. Иерархия плиток.

2.2. Дополнительные настройки категорий курсов

(Любая страница категории курсов)—>Настройки—>Категория—>Дополнительные настройки категории курсов

При переходе открывается страница, позволяющая указать настройки по отображению категории, вложенных курсов, страницы описания курса, настраиваемых полей курсов в Витрине:

Секция «Дополнительные настройки категории курсов» (Рис. 2.2.1)

Рис. 2.2.1. Дополнительные настройки категории курсов.
  • Изображение категории (см. поз. 1 Рис. 2.2.1). В настройке можно загрузить изображение, которое будет использоваться в плагинах Витрины. Загрузить можно только одно изображение.
  • Скрыть категорию (см. поз. 2 Рис. 2.2.1). Опция позволяет скрыть категорию со всеми принадлежащими ей курсами в Витрине курсов 3KL. (Скрытая категория будет видна только Администраторам). Если в Общих настройках Витрины курсов 3KL включена опция «Отображать курсы вложенных категорий», то курсы из скрытой категории все равно будут видны.
  • Шаблон оформления страницы описания курса (см. поз. 3 Рис. 2.2.1). Опция для выбора шаблона. Шаблон может наследоваться из базовых настроек Витрины курсов 3KL (см. Общие настройки Витрины курсов 3KL), а также переопределяться в самом курсе.
  • Шаблон оформления списка курсов (см. поз. 4 Рис. 2.2.1). Опция для выбора шаблона. Настройка применима только при использовании плагина «Универсальный список курсов» и позволяет определить шаблон отображения списка курсов при нахождении в данной (редактируемой) категории. По умолчанию используется шаблон, определенный в самом плагине «Универсальный список курсов», но могут быть использованы и другие.
    Применение разных шаблонов для разных категорий позволяет адаптировать отображение списка курсов под ваши задачи и предпочтения. Разработку индивидуальных шаблонов для Витрины можно заказать через заявку в Личном кабинете клиента. 
Секция «Состав и область видимости настраиваемых полей» (Рис. 2.2.2)

Рис. 2.2.2. Пример отображения секции «Состав и область видимости настраиваемых полей».

Настройки распространяют свое влияние на форму редактирования кастомных полей курса и форму поиска.
Опосредованно они влияют и на формирование данных для отображения через шаблоны, но исключительно для сохранения логики (если поле нельзя отредактировать, значит оно не заполнено — нет смысла отображать). Тем не менее, цели регулировать отображение у этой настройки нет, отображение регулируется mustache-шаблонами. По умолчанию отключенные поля (значение для поля «Отключить поле целиком») отображаться на странице описания курса не будут, но через шаблоны это возможно исправить.

Секция содержит настраиваемые поля курсов, которыми можно управлять в контексте данной категории. Каждому из полей можно присвоить одно из следующих значений:

  • Наследовать. Настройки наследуются из настроек плагина: поле всегда доступно для редактирования и отображения; будет ли поле отображаться в форме поиска, определяется в плагине поиска.
  • Отключить поле целиком. Поле отключается для всей категории. Поле не будет отображаться в форме редактирования, не будет отображаться в форме поиска (не редактировалось — не заполнено — нет смысла искать), не будет по умолчанию отображаться в интерфейсах (на странице описания курса).
  • Исключить из поисковой формы. Поле исключается из формы поиска в контексте данной категории (вне зависимости от того, что настроено в плагине). Пользователь, находясь в текущей категории, увидит форму поиска без фильтра по этому полю и без возможности сортировки по этому полю.
  • Исключить из поисковой формы, но позволить сортировать по нему. Поле исключается из формы поиска в контексте данной категории, но присутствует в списке выбора сортировки.
  • Включить в поисковую форму. Вне зависимости от того, что настроено в плагине, находясь в текущей категории пользователь увидит форму поиска с фильтром по этому полю, но поле не будет присутствовать в списке сортировки.
  • Включить в поисковую форму и позволить сортировать по нему. Пользователь в данной категории увидит форму поиска с фильтром по этому полю и возможностью сортировки по нему.

 -Вернуться к содержанию-

3. Курсы Витрины

Данные настройки влияют на отображение списка курсов в Витрине, а также на оформление страницы описания курса.

3.1. Плагины отображения списка курсов требуются права администратора 

Администрирование—>Плагины—>Локальные плагины—>Витрина курсов 3KL—>(Название плагина).

Таблица курсов

Настройки позволяют управлять отображением таблицы курсов (Рис. 3.1.1):

Рис. 3.1.1. Настройки таблицы курсов.
  • Скрывать заголовок таблицы курсов (см. поз. 1 Рис. 3.1.1). Скрыть (=Да) или показать (=Нет) над списком курсов заголовок «Список курсов».
  • Включить модальное окно (см. поз. 2 Рис. 3.1.1). Включает поддержку всплывающего окна при клике на строку курса в таблице.
  • Использовать ссылку на курс (см. поз. 3 Рис. 3.1.1). При включенной опции (=Да) нажатие на ссылку курса будет перенаправлять пользователя сразу на страницу курса, минуя описательную страницу.
  • Группировать курсы по категориям (см. поз. 4 Рис. 3.1.1). Строки таблицы курсов группируются с учетом категорий курсов.
  • Отображать заголовок для таблицы с курсами (см. поз. 5 Рис. 3.1.1). Добавление заголовков у столбцов таблицы со списком курсов.
  • Файл иконки курсов (см. поз. 6 Рис. 3.1.1). В настройке можно загрузить иконку, которая будет отображаться слева каждой строки в таблице (Рис. 3.1.2).

Рис. 3.1.2. Иконки рядом с курсами.
  • Файл иконки в кнопке «Наверх» (см. поз. 7 Рис. 3.1.1). В настройке можно добавить изображение, по клику на которое пользователь переместится наверх страницы (Рис. 3.1.3).

Рис. 3.1.3. Иконка в кнопке «Наверх».
  • Файл иконки для кнопки «Показать больше курсов» (см. поз. 8 Рис. 3.1.1). В настройке можно добавить изображение, которое будет отображаться рядом со ссылкой «Показать больше курсов» (Рис. 3.1.4). Кнопка «Показать больше курсов» появляется, если в настройке «Скрывать оставшиеся курсы, если их количество превышает указанное» (см. поз. 9 Рис. 3.1.1) указано какое-либо значение.

Рис. 3.1.4. Иконка в кнопке «Показать больше курсов».
  • Скрывать оставшиеся курсы, если их количество превышает указанное (см. поз. 9 Рис. 3.1.1). В настройке можно указать, какое количество курсов будет отображаться на одной странице таблицы курсов. При значении «0» курсы на странице не будут скрываться.
  • Файл иконки для кнопки «Свернуть список курсов» (см. поз. 10 Рис. 3.1.1). В настройке можно добавить изображение, которое будет отображаться рядом со ссылкой «Свернуть список курсов» (Рис. 3.1.5). Кнопка «Свернуть список курсов» появляется, если в настройке «Скрывать оставшиеся курсы, если их количество превышает указанное» (см. поз. 9 Рис. 3.1.1) указано какое-либо значение.

Рис. 3.1.5. Иконка в кнопке «Свернуть список курсов».
  • Отображать краткое название курса (см. поз. 11 Рис. 3.1.1). В случае включения в таблице появится столбец с кратким названием курса.
  • Отображать сложность курса (см. поз. 12 Рис. 3.1.1). Добавляет в таблицу столбец со сложностью курса, которая указывается на странице «Дополнительные поля курса».
  • Отобразить кнопку записи в списке курсов (см. поз. 13 Рис. 3.1.1). Добавляет в каждую строку кнопку для записи на курс.
  • Отображение инструментов (см. поз. 14 Рис. 3.1.1). (Ссылка или Кнопка) — способ отображения инструментария в таблице курсов (применимо к инструментам кнопки «Наверх» и кнопок «Показать больше курсов» / «Свернуть список курсов» (Рис. 3.1.6).

Рис. 3.1.6. Отображение инструментария в таблице курсов в виде кнопок.

Блоки курсов

Администрирование—>Плагины—>Локальные плагины—>Витрина курсов 3KL—>Блоки курсов

Настройки позволяют управлять отображением блоков курсов (Рис. 3.1.7):

Рис. 3.1.7. Настройки блоков курсов.
  • Скрывать заголовок блока курсов (см. поз. 1 Рис. 3.1.7). Скрыть (=Да) или показать (=Нет) над списком курсов заголовок «Список курсов».
  • Отобразить кнопку «Подробнее» (см. поз. 2 Рис. 3.1.7). Добавление кнопки с переходом на страницу подробного описания курса.

Квадраты курсов

Администрирование—>Плагины—>Локальные плагины—>Витрина курсов 3KL—>Квадраты курсов

Настройки позволяют управлять отображением квадратов курсов (Рис. 3.1.8):

Рис. 3.1.8. Настройки квадратов курсов.
  • Скрывать заголовок блока Квадраты курсов (см. поз. 1 Рис. 3.1.8). Скрыть (=Да) или показать (=Нет) над списком курсов заголовок «Список курсов».
  • Скрывать теги с квадратов курсов (см. поз. 2 Рис. 3.1.8). Скрыть (=Да) или показать (=Нет) в квадрате курса относящиеся к нему теги.
  • Скрывать название категории с плитки курсов (см. поз. 3 Рис. 3.1.8). Настройка позволяет скрыть (=Да) / показать (=Нет) название категории с плитки курсов.
  • Скрывать цену с квадратов курсов (см. поз. 4 Рис. 3.1.8). Настройка позволяет скрыть (=Да) / показать (=Нет) цену с плитки курсов.
  • Скрывать кнопку «Пройти курс» с плитки курсов (см. поз. 5 Рис. 3.1.8). Настройка позволяет скрыть (=Да) / показать (=Нет) кнопку «Пройти курс» с плитки курсов.
  • Цветовая схема (см. поз. 6 Рис. 3.1.8). Настройка позволяет выбрать цветовую схему отображения плиток курсов (Рис. 3.1.9).

Рис. 3.1.9. Темная / светлая цветовая схема плиток.
  • Растягивать плитку курсов по высоте, если весь контент не помещается на плитке (см. поз. 7 Рис. 3.1.8). Настройка позволяет сделать плитку курсов резиновой по высоте, если весь контент не помещается на плитке.
  • Отображать изображение курса на фоне (см. поз. 8 Рис. 3.1.8). Настройка позволяет отобразить на фоне плитки курсов изображение, настроенное для курса.

Плитки курсов

Администрирование—>Плагины—>Локальные плагины—>Витрина курсов 3KL—>Плитки курсов

Настройки позволяют управлять отображением плиток курсов (Рис. 3.1.10):

Рис. 3.1.10. Настройка «Плитки курсов».
  • Скрывать заголовок блока Плитки курсов (см. поз. 1 Рис. 3.1.10). Скрыть (=Да) или показать (=Нет) над списком курсов заголовок «Список курсов».
  • Размер плиток (см. поз. 2 Рис. 3.1.10). Выбрать размер плиток курсов, от самого маленького (xx-small) до самого большого (xxx-large). Размеры плиток курсов аналогичны размерам плиток категорий (см. Рис. 2.1.8).
  • Отображать категорию у курса (см. поз. 3 Рис. 3.1.10). Добавляет к плитке информацию о категории курса.
  • Расположение дополнительной информации о курсе (см. поз. 4 Рис. 3.1.10). Положение иконок с дополнительной информацией о курсе. Иконки могут отображаться поверх плитки курса или снизу под названием курса.
  • Ссылкой на курс является (см. поз. 5 Рис. 3.1.10). Определение области, при клике на которую осуществляется переход:
    • Вся плитка – для перехода в курс пользователь сможет кликнуть на любое место плитки с курсом;
    • Кнопка – под плиткой курса будет отображаться кнопка, при клике на которую пользователь может перейти в курс;
    • Изображение и кнопка – под плиткой курса будет отображаться кнопка перехода в курс, также пользователь сможет перейти в курс, кликнув на саму плитку курса;
    • Изображение и наименование курса – пользователь сможет перейти в курс, кликнув на плитку с курсом или на название курса.
  • Отображать плитку с паспарту (см. поз. 6 Рис. 3.1.10). Плитки курсов будут уменьшены и помещены в рамку (Рис. 3.1.11).

Рис. 3.1.11. Плитки курсов в паспарту.

Плитки курсов (Версия 2)

Администрирование—>Плагины—>Локальные плагины—>Витрина курсов 3KL—>Плитки курсов (Версия 2)

Настройки позволяют управлять отображением плиток курсов (Рис. 3.1.12):

Рис. 3.1.12. Настройки плиток курсов (Версия 2).
  • Размер плитки (см. поз. 1 Рис. 3.1.12). Выбрать размер плиток курсов, от самого маленького (xx-small) до самого большого (xxx-large). Размеры плиток курсов аналогичны размерам плиток категорий (см. Рис. 2.1.8).
  • Отображать дату у курса (см. поз. 2 Рис. 3.1.12). Позволяет отобразить (=Да) или скрыть (=Нет) дату начала курса. При значении «Настройки курса» отображение даты будет зависеть от значения настройки «Где отображать дату начала курса» в Настройках дополнительных полей курса.

Универсальный список курсов

Администрирование—>Плагины—>Локальные плагины—>Витрина курсов 3KL—>Универсальный список курсов

Настройки позволяют управлять отображением универсального списка курсов (Рис. 3.1.13):

Рис. 3.1.13. Настройки универсального списка курсов.
  • Шаблон списка курсов. Определяет шаблон, на основе которого будет отображаться список курсов. Шаблон может быть переопределен на уровне категории для отображения списка по указанному шаблону при нахождении в этой категории. Доступные шаблоны:
    • Вертикальный список (Рис. 3.1.14).
    • Плитки 16:9 (Рис. 3.1.15).

Рис. 3.1.14. Вертикальный список.

Рис. 3.1.15. Плитки 16:9.

3.2. Настройки дополнительных полей курса

(Любая страница курса)—>Настройки—>Управление курсом—>Настройки дополнительных полей курса

При переходе открывается страница, позволяющая указать настройки по отображению курса в Витрине.

Секция «Настройки дополнительных полей курса»

Секция «Настройки отображения изображений и файлов курса»

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

4. Дополнительные модули Витрины курсов 3KL требуются права администратора 

Администрирование—>Плагины—>Локальные плагины—>Витрина курсов 3KL—>Общие—>Блоки витрины курсов
Администрирование—>Плагины—>Локальные плагины—>Витрина курсов 3KL—>(Название плагина)

Поиск курсов. Добавляет возможность поиска курсов в Витрине курсов 3KL и их сортировки.

Компетенции. Работает совместно с Электронным Деканатом и механизмом компетенций.

Настроек нет

 -Вернуться к содержанию-

5. Примеры и решения

5.1. Дополнительная кнопка входа в курс в описании курса

Задача:

Добавить в описание курса «Устройство мотоцикла. Для демонстрации.» дополнительную кнопку входа в курс. Оформление кнопки должно привелечь внимание пользователей и позволить им перейти в курс из описания курса.

Предусловие:

Курс «Устройство мотоцикла. Для демонстрации.» добавлен в СЭО 3KL, на описательной странице курса задан текст описания.
Стандартная дополнительная кнопка входа в курс отключена в настройках.

Решение:

1) Перейти к редактированию описательной страницы курса, для этого на странице курса нажать на кнопку «Дополнительно» во вторичной навигации и выбрать опцию «Настройки дополнительных полей курса» (Рис. 5.1.1).

Рис. 5.1.1. Переход к настройкам описательной страницы курса.

2) Перейти к опции «Краткое описание» (поз. 1 Рис. 5.1.2) и выбрать среди инструментов редактора редактирование HTML-кода (поз. 2 Рис. 5.1.2).

Рис. 5.1.2. Редактирование опции «Краткое описание».

3) Вставить в начало существующего кода краткого описания следующий фрагмент кода (Рис. 5.1.3):

<button style="font-size:16px; padding: 8px 12px; display:inline-block; color: #fff; background-color: #ed6d21;
border-color: #ed6d21;" class="btn btn-secondary crw-add-btn">
<span class="spinner-border spinner-border-sm" aria-hidden="true"></span>
<span>Загрузка...</span>
</button>

Рис. 5.1.3. Добавление HTML-кода для дополнительной кнопки входа в курс.
Предлагаемый код позволяет задать следующие параметры стилизации кнопки:
font-size: размер шрифта текста кнопки в пикселах (в примере — 16px)
padding: высота и ширина кнопки в пикселах (в примере — 8px 12px)
color: HEX-цвет текста кнопки (в примере — #fff — белый)
background-color: HEX-цвет фона кнопки (в примере — #ed6d21 — оражневый)
border-color: HEX-цвет рамки кнопки (в примере — #ed6d21 — оражневый)
Обратите внимание, система распознает дополнительную кнопку по классу «class="btn btn-secondary crw-add-btn"», поэтому для того, чтобы кнопка добавлялась в систему корректно, редактировать эту часть кода не рекомендуется.

Сохранить внесенные изменения.

Результат:

В тексте описания для курса появится дополнительная кнопка перехода в курс (Рис. 5.1.4). Кнопка выделена контрастным цветом и предлагает пользователю перейти в курс сразу после того, как пользователь ознакомится с основными характеристиками курса.

Рис. 5.1.4. Описательная страница курса с дополнительной кнопкой входа в курс.

5.2. Дополнительная кнопка входа в курс в слайдере

Задача:

Добавить в блок  «Слайдер», расположенный на описательной странице курса «Стартовый курс Итальянского ресторана», дополнительную кнопку входа в курс и предусмотреть возможность отображения для кнопки различного текста, в зависимости от типа пользователя и количества активных способов подписки на курс:

  • «Перейти в курс» – пользователь, уже подписан на курс;
  • «Перейти к записи» – пользователь еще не подписан на курс, а в курсе настроен единственный способ подписки с помощью плагина «Подписка 3KL»;
  • «Перейти к способам записи» пользователь еще не подписан на курс, а в курсе включено и настроено более одного способа подписки;
  • «Нет доступа в курс» – для пользователя не предусмотрена возможность входа в курс и подписки.

Предусловие:

Курс «Стартовый курс Итальянского ресторана» добавлен в СЭО 3KL, на описательной странице курса добавлен блок «Слайдер», в Слайдер добавлен один слайд с изображением.

Подробнее о настройках блока «Слайдер» – в статье «Инструкция по работе с блоком «Слайдер».
Обратите внимание: предлагаемое решение позволяет добавить кастомную кнопку не только в блок «Слайдер», но и в любые другие блоки, в которых есть область текстового редактора, например, в блок «HTML».

Решение:

1) Перейти к странице описания курса «Стартовый курс Итальянского ресторана», для этого на странице курса раскрыть хлебные крошки (поз. 1 Рис. 5.2.1) и нажать на иконку страницы (поз. 2 Рис. 5.2.1).

Рис. 5.2.1. Переход к описательной странице курса.

2) На описательной странице курса перейти в режим редактирования (поз. 1 Рис. 5.2.2), раскрыть блок настроек Слайдера и выбрать опцию «Настроить блок «Слайдер» (поз. 2 Рис. 5.2.2).

Рис. 5.2.2. Переход к настройкам Слайдера.

3) Перейти к управлению слайдами (Рис. 5.2.3).

Рис. 5.2.3. Переход к управлению слайдами.

4) Перейти к опции «Описание» (поз. 1 Рис. 5.2.4) и выбрать среди инструментов редактора редактирование HTML-кода (поз. 2 Рис. 5.2.4).

Рис. 5.2.4. Переход к редактированияю HTML-кода.

5) Ввести в качестве кода описания следующий код (Рис. 5.1.3):

<button class="btn btn-secondary crw-add-btn" data-label-enter="Перейти в курс" data-label-enrol="Перейти к записи" data-label-scroll="Перейти к способам записи" data-label-disabled="Нет доступа в курс">
<span class="spinner-border spinner-border-sm" aria-hidden="true"></span>
<span>Загрузка...</span>
</button>

Рис. 5.2.5. Добавленный в описание код.
Вы можете изменить предложенные тексты для кнопки, отредактировав их в коде. Например заменить «Перейти в курс» на «Перейти к обучению».

Сохранить внесенные изменения.

Результат:

Пользователь переходит на описательную страницу курса «Стартовый курс Итальянского ресторана», на которой расположен блок «Слайдер» с кнопкой входа в курс/перехода к записи на курс, которая будет иметь следующий вид:

  • пользователь ранее был подписан на курс (Рис. 5.2.6.). Отрабатывает код «data-label-enter="Перейти в курс"»;

Рис. 5.2.6. Отображение описательной страницы для слушателя подписанного на курс.
  • пользователь не подписан на курс и в курсе настроен один способ записи с помощью плагина «Подписка 3KL»(Рис. 5.2.7). Отрабатывает код «data-label-enrol="Перейти к записи"»;
Рис. 5.2.7. Отображение описательной страницы для слушателя неподписанного на курс, когда есть только один способ подписки.
  • пользователь не подписан на курс и в курсе настроено несколько способов записи (Рис. 5.2.8). Отрабатывает код «data-label-scroll="Перейти к способам записи"»;

Рис. 5.2.8. Отображение описательной страницы для слушателя неподписанного на курс, когда есть несколько способов подписки.
  • пользователю запрещен вход в курс (Рис. 5.2.9). Отрабатывает код «data-label-disabled="Нет доступа в курс"».

Рис. 5.2.9. Отображение описательной страницы для пользователя, которому не доступен вход или запись на курс.

 -Вернуться к содержанию-

Теги: внешний вид
Рейтинг ответа: 0 (0 оценок)

Комментарии запрещены