Страница каталога курсов

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

 

 

Назначение страницы

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

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

 

 

Верхняя часть страницы

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

 

 

Боковая панель фильтров

Слева расположена панель фильтров. Она помогает сузить список курсов и оставить только те, которые соответствуют нужным условиям.

 

В фильтрах доступны следующие параметры:

 

Направления

 

Здесь можно выбрать одно или несколько направлений обучения. Например, если пользователь ищет курс по математике, он может отметить соответствующую категорию.

 

Цена, руб

Этот фильтр позволяет задать диапазон стоимости:
• от — минимальная цена;
• до — максимальная цена.

 

Так пользователь может сразу отобрать курсы в нужном бюджете.

 

По стоимости

В этом фильтре можно выбрать порядок отображения курсов:
• вначале дешевые;
• все.

 

Это удобно, если нужно быстрее найти наиболее доступные варианты.

 

Популярные

 

Данный фильтр помогает отобрать курсы по признаку популярности:
•  да — показать популярные курсы;
• все — показать весь список.

 

Поиск по меткам

 

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

 

 

Карточки курсов

 

Основная часть страницы занята карточками курсов. Каждая карточка представляет отдельный опубликованный курс и содержит основную информацию о нём.

 

Обычно в карточке отображаются:

•    изображение или обложка курса;
•    название курса;
•    краткое описание;
•    цена;
•    скидка, если она предусмотрена;
•    кнопка действия.

 

Если изображение курса не загружено, вместо него может отображаться стандартная заглушка с надписью «Изображение отсутствует».

 

 

Как пользоваться карточкой курса

Чтобы открыть подробную информацию о курсе, нажмите кнопку «Перейти». После этого откроется страница курса, где можно ознакомиться с программой, описанием и дополнительными материалами.

 

Если для курса предусмотрена прямая покупка, вместо кнопки перехода может отображаться кнопка «Купить». В этом случае пользователь сразу может перейти к оформлению покупки.

 

 

Информация о цене

 

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

 

 

Как работать с каталогом

 

Чтобы быстрее найти нужный курс, рекомендуется использовать несколько способов одновременно:

•    ввести запрос в строку поиска;
•    выбрать нужное направление;
•    ограничить цену;
•    отсортировать курсы по стоимости;
•    отфильтровать популярные предложения;
•    использовать поиск по меткам.

 

Так можно значительно сократить список и быстрее выбрать подходящий курс.

 

Что видит пользователь

Пользователь видит в каталоге только опубликованные курсы. Если курс ещё не готов или скрыт, он не будет отображаться в списке.
Это позволяет размещать на странице только актуальные и доступные для выбора программы обучения.