Коллекция дизайнерских шаблонов для GetCourse «Фреш» Тема 2

Ссылка на это место страницы: #test

Коллекция ДИЗАЙНЕРСКИХ шаблонов для GetCourse «ФРЕШ». тЕМА №2

Шаблон «Фреш» — это современное и стильное решение для оформления онлайн-обучения, созданное для удобства и комфорта учеников. Благодаря интуитивному интерфейсу и продуманной структуре, он позволяет ученикам легко ориентироваться в тренингах, уроках и заданиях, предоставляя всю необходимую информацию в одном месте.

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

Шаблон «Фреш» создан для того, чтобы улучшить пользовательский опыт, сократить количество вопросов в техподдержку и повысить лояльность учеников. Это инструмент, который помогает учебным платформам организовать материал и предоставлять его в удобной и эстетичной форме, мотивируя студентов к дальнейшему обучению.

🔥 Быстрая замена цветов и шрифтов на свои.

🔥 Адаптировано под мобильные и приложение (чатиум).

🔥 Пошаговая видео-инструкция по установке, по принципу смотри-повторяй.

🔥 Возможность приобрести коллекцию по-частям, или всю сразу со скидкой до 25%! Скидка активируется автоматически при добавлении товара в корзину на сумму от 7100 руб. Чем больше товаров из коллекции в корзине, тем больше скидка!

Кому может подойти предложенное цветовое оформление:

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

Вот какие направления могут извлечь наибольшую пользу из такого дизайна: Читать дальше

Обзор коллекции

Тайм-коды

📌 Знакомство с коллекцией

📌 Обзор личного кабинета

📌 Информационная панель ученика

📌 Интерактивный баннер

📌 Список тренингов в личном кабинете

📌 Календарь и список актуальных событий

📌 Прогресс-бар

📌 «Горячие» кнопки

📌 Тренинги и подтренинги (модули)

📌 Список уроков

📌 Уроки внутри

📌 Страницы входа и обратной связи

📌 Как получить скидку на шаблон до 25%

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

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

Важно! Если у вас новый дизайн GetCourse, то для возможности сменить оформление вам нужно перейти на старый дизайн

📌Теоретическая часть

📌Как получить доступ к теме оформления

📌Установка и обзор единого файла управления темой

📌Как не менять оформление фона, навигации и виджета чата

📌Подготавливаем конструкцию для импортирования стилей из темы

📌Переносим CSS (оформление) и JS списка уроков в тему

С этого момента вы можете переходить к тайм-коду своего элемента шаблона.

🟣 Установка шаблона оформления списка тренингов прямоугольными плитками в личном кабинете

📌Компоновка элементов в личном кабинете и установка разметки

📌Подключаем тему оформления к личному кабинету

📌Как быстро поменять тему оформления

📌Показываем оформление личного кабинета в приложении

🟣 Установка единой панели ученика

📌Компоновка элементов в личном кабинете и установка разметки

📌Меняем название и описание кнопок

📌Подключаем оформление

📌Настраиваем видимость кнопки подключить Telegram

📌Настраиваем настраиваем управление банковскими картами

📌Показываем оформление личного кабинета в приложении

🟣 Установка баннера

📌Ставим разметку интерактивного баннера с изображением в личный кабинет

📌Подключаем оформление баннера в личном кабинете и/или внутри тренингов если вы приобрели только его

📌Как поменять картинку на фоне баннера с изображением

📌Ставим разметку баннера с редактируемым текстом в тренинги

📌Подключаем оформление к тренингу если у вас приобретено несколько элементов коллекции

🟣 Установка шаблона оформления списка тренингов с возможностью показать дату открытия модуля

📌Устанавливаем класс списку тренингов и ставим JS

📌Подключаем тему оформления в настройках тренинга

📌Настраиваем дату открытия модулей

📌Как показывать недоступные тренинги ученикам

🟣 Установка шаблонов для оформления списка уроков

📌Устанавливаем класс списку уроков

📌Подключаем тему оформления в настройках тренинга

🟣 Установка шаблонов для оформления уроков внутри

📌Установка оформления если вы приобрели оформление списка тренингов, списка уроков и уроков внутри

📌Установка оформления если вы приобрели только оформление уроков внутри и у вас стоит свое оформление списков тренингов и уроков

📌Установка оформления если вы приобрели только оформление уроков внутри и вы не хотите оформлять списки тренингов и уроков

📌Установка кнопок и блоков для оформления уроков

📌Как заменить изображение в шапке урока

🟣 Установка горячих кнопок

📌Устанавливаем разметку

📌Меняем названия и ссылки

📌Подключаем оформление если вы приобрели только горячие кнопки

📌Подключаем оформление к тренингу если у вас приобретено несколько элементов коллекции

🟣 Установка прогресс-баров

Если вам нужно установить несколько прогрессов и чтобы каждый отображал свое значение, то посмотрите как это сделать в FAQ для прогресс-бара в личном кабинете.

📌Устанавливаем разметку и JS

📌Подключаем оформление если вы приобрели только прогресс-бар

📌Подключаем оформление к тренингу если у вас приобретено несколько элементов коллекции

📌Настройка шкалы достижений

📌Настройка в домашнем задании чек-бокса урок просмотрен

📌Настраиваем JS для подсчета прогресса

🟣 Установка календаря с автоматическим подтягиванием событий

📌Установка разметки и JS

📌Настройка фильтра отображения событий

📌Подключение оформления если приобретен только календарь или если вы ставите его в личном кабинете

📌Подключаем оформление к тренингу если у вас приобретено несколько элементов коллекции

🟣 Установка календаря с комбинированным внесением событий

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

🟣 Установка актуальных событий в аккордеоне

📌Устанавливаем разметку

📌Подключение оформления если приобретен только этот шаблон или если вы ставите его в личном кабинете

📌Подключаем оформление к тренингу если у вас приобретено несколько элементов коллекции

🟣 Установка зачётки / цели курса

📌Устанавливаем разметку

📌Выводим списки уроков

📌Прописываем новые названия уроков для зачётки

📌Подключение оформления если приобретена только зачётка

📌Подключаем оформление к тренингу если у вас приобретено несколько элементов коллекции

🟣 Включаем отображение оформления в приложении

📌Показываем оформление личного кабинета в приложении

📌Как отобразить установленное оформление тренинга в приложении

🟣 Установка шаблона страниц авторизации и обратной связи с фоновым изображением

📌Установка разметки страницы входа

📌Устанавливаем оформление к странице входа

📌Назначаем класс на странице обратной связи

📌Устанавливаем оформление к странице обратной связи

🟣 Установка шаблона страниц авторизации и обратной связи с изображением в форме

📌Установка разметки страницы входа

📌Устанавливаем оформление к странице входа

📌Как менять изображение в форме

📌Установка разметки страницы обратной связи

📌Устанавливаем оформление к странице обратной связи

Ссылка на это место страницы: #praise_z

Шаблон оформления списка тренингов прямоугольными плитками

Список тренингов расположен в две колонки на ПК версии и в одну на мобильных устройствах.
Анимация при наведении;
Два вида разметки под расположение тренингов в правой или левой колонке, для того, чтобы вы могли комфортно добавлять кнопки, единую панель или календарь там, где хочется вам.
Возможность смены цветов и шрифтов на свои
Работает в приложении.