Хочешь чтобы снег пошел и у тебя в проекте? Читай тут как получить его в подарок
Для оформления заказа будет использована форма с кодом b-70070
В базовый набор входят шаблоны:
- Оформления списка тренингов
- Оформления списка уроков
- Оформления уроков внутри
- Горячие кнопки (в столбик или в ряд на выбор)
Для приобретения базового набора:
- Перейдите по кнопке «Собрать коллекцию» в карточке товара
- Положите в корзину шаблоны входящие в набор по минимальной стоимости.
В шаблоне предусмотрена настройка цветов и шрифтов для стандартных блоков урока.
Если потребуется оформить элементы, не предусмотренные переменными, мы с радостью поможем со стилизацией индивидуально под ваш проект — напишите нам для согласованию сроков и стоимости.
Акция! Скидка 50% на покупку шаблона для страницы оплаты
Если у вас в школе еще не подключен Get Модуль, то вы можете получить 50% скидку на покупку шаблона
«Оформление страницы оплаты для Get Модуль».
Условия акции:
- Подключите Get Модуль по этой ссылке или через настройки аккаунта указав промокод: 29009671
- После подключения, создайте заказ на шаблон;
- В момент создания заказа вас переадресует в наш Телеграм-бот;
- Напишите боту «Участвую в акции и название аккаунта на который подключили платежный сервис»;
- В течение 24 часов мы проверим наличие подключения на указанном аккаунте;
- Если проверка пройдет успешно, мы сделаем вам скидку 50% на созданный заказ, и свяжемся с вами в телеграм.
Гетшоп
Коллекция дизайнерских шаблонов для GetCourse «Радуга». Тема № 2
Шаблон «Радуга» — это идеальный выбор для образовательных платформ, которые хотят быстро и удобно организовать свой интерфейс. С его помощью вы сможете оформить аккаунт всего за несколько минут, адаптируя под свою нишу с помощью изменения цветов и добавления изображений.
Этот шаблон предлагает интуитивно понятную структуру и функциональные решения, такие как плиточные карточки, динамичное расписание, баннеры и анимации. Всё это создает удобный интерфейс для учеников, облегчая навигацию по тренингам и урокам.
Адаптирован под мобильные устройства и приложение, шаблон позволяет легко настроить доступы, профиль и полезные ссылки. Пошаговая видео-инструкция обеспечит простоту установки.
Гибкость шаблона и его эстетика помогают повысить лояльность учеников и снизить нагрузку на техподдержку. Скидки на коллекцию и возможность частичной покупки делают её доступной для каждого.
🔥 Быстрая замена цветов и шрифтов на свои.
🔥 Адаптировано под мобильные и приложение (чатиум).
🔥 Пошаговая видео-инструкция по установке, по принципу смотри-повторяй. С установкой справится даже новичок!
🔥 Возможность приобрести коллекцию по-частям, или всю сразу со скидкой до 25%! Скидка активируется автоматически при добавлении товара в корзину на сумму от 7100 руб. Чем больше товаров из коллекции в корзине, тем больше скидка!
Листайте галерею
Обзор коллекции и инструкция по установке
В видео показана Тема №1 этой же коллекции
Тайм-коды обзора коллекции
Важно! Это общая информация обязательна для просмотра если вы устанавливаете шаблон. Без этой части вы можете не понять как его установить.
- Важно! Если у вас новый дизайн GetCourse, то для возможности сменить оформление вам нужно перейти на старый дизайн
- Важно! Если вы приобретаете несколько элементов коллекции и ручной календарь, то для JS ручного календаря создайте отдельную тему и положите в нее код. И именно эту ссылку на JS подтягивайте к календарю. CSS календаря оставляйте в основной теме оформления.
С этого момента вы можете переходить к тайм-коду своего элемента шаблона.
- Важно! В видео мы разбираем только вариант установки кругового прогресс-бара в процентах. Установка других вариантов прогрессов идентична.
- Если вам нужно установить несколько прогрессов и чтобы каждый отображал свое значение, то посмотрите как это сделать в FAQ для прогресс-бара в личном кабинете.
Тарифы коллекции «Радуга»
Чем больше элементов коллекции вы кладете в корзину, тем больше скидка!
Шаблон оформления списка тренингов плитками без картинок
Шаблон оформления списка тренингов плитками с установкой своих изображений
Шаблон оформления списка тренингов плашками с аккордеоном*
- Автоматическое отображение уроков всего и сколько из них пройдены (во всех уроках должно быть домашнее задание)
- Автоматическое отображение завершенного тренинга (когда во всех уроках тренинга принято домашнее задание)
- Автоматическая стилизация недоступного тренинга (когда все уроки тренинга в статусе недоступен)
- Подходит любой вариант оформления списка уроков из коллекции (идеально со списком уроков плитками).
- Анимация при наведении
- Возможность смены цветов и шрифтов на свои
- Работает в приложении
*При нажатии на тренинг, под ним раскрывается список его уроков
**Важно! Из за ограничений символов на странице, аккордеон можно собрать не более чем из 10 тренингов.
Шаблон оформления списка уроков плитками без картинок
- Автоматическое отображение завершенного урока (когда принято домашнее задание)
- Оформление недоступного урока
- Анимация при наведении
- Возможность смены цветов и шрифтов на свои
- Работает в приложении
Оформление списка уроков плашками с нумерацией
- Автоматическая установка номера урока
- Отображение статуса домашнего задания на кнопке урока.
- Предусмотрена индивидуальная настройка цвета кнопки для каждого статуса задания.
- Анимация при наведении.
- Стилизация недоступного урока.
- Подходит для длинных названий и описаний урока.
- Возможность смены цветов и шрифтов на свои
- Работает в приложении.
Оформление списка уроков плашками с картинками
- Стандартная загрузка картинок
- Отображение статуса домашнего задания на кнопке урока.
- Предусмотрена индивидуальная настройка цвета кнопки для каждого статуса задания.
- Анимация при наведении.
- Стилизация недоступного урока.
- Подходит для длинных названий и описаний урока.
- Возможность смены цветов и шрифтов на свои
- Работает в приложении.
Оформление уроков внутри
- Основные элементы проработаны под общую концепцию шаблона.
- Два вида кнопок
- Возможность смены цветов и шрифтов на свои
- Работает в приложении.
- Приветствуем ученика по имени
- Вы можете добавить любую надпись
- Возможность смены цветов и шрифтов на свои
- Работает в приложении.
Единая панель ученика
Что включает информационная панель:
- Возможность смены цветов и шрифтов на свои
- Работает в приложении.
Зачётка / Цели тренинга
🎓 Удобный инструмент, который усиливает учебный процесс и повышает вовлечённость учеников!
- Выделите ключевые уроки — ученики видят, какие этапы особенно важны
- Сделайте навигацию удобной — переход к нужному уроку одним кликом прямо из зачётки
- Повысите мотивацию — визуальное подтверждение выполнения даёт ощущение прогресса и достижений
- Настраивайте оформление — кастомизируйте названия, цвета и шрифты под стиль вашей школы
- Работает на всех устройствах, включая приложение — ученику всегда удобно.
Актуальные события с горячими кнопками
- Стильное расписание: Отображение актуальных мероприятий в визуально привлекательной форме. Ваши ученики всегда будут событий.
- Горячие кнопки:
- Быстрое подключение Telegram
- Возможность одним кликом написать в службу заботы. - Возможность смены цветов и шрифтов на свои
- Работает в приложении.
Календарь с ручным добавлением событий
- Наглядное и стильное расписания в виде календаря, поможет ученикам не пропускать важные события обучения и станет украшением вашего тренинга.
- Легкая замена цветов и шрифтов под ваш проект
- ❗️ Важно. События в календарь добавляются вами в ручном режиме
Календарь с автоматическим подтягиванием событий
- Календарь создан на базе актуальных событий и автоматически подтягивает события из расписания уроков на ближайшую неделю.
- Имеет фильтр отображения всего доступного расписания или тренинга в котором установлен. При использовании фильтра потягивается расписание начиная от тренинга в котором стоит календарь и всех его подтренингов.
- Важно! Для корректной работы фильтра название тренинга в котором стоит календарь должно быть уникальным!
- В всплывающей подсказке отображается время, название тренинга где будет событие и кликабельное название урока.
- Возможность смены цветов и шрифтов на свои
- Работает в приложении.
Мы обновили цветовую палитру и иконки боковой панели, улучшив визуальное восприятие и выделив важные элементы интерфейса. Эти изменения сделают навигацию более интуитивной и помогут вашим ученикам легче ориентироваться в процессе обучения.
После оплаты вы получаете:
- Набор иконок
- GSS стили
- Инструкцию по установке
- Быстрая замена цветов на свои.
Три «горячие» кнопки в ряд
Горячие кнопки это красивый элемент и неотъемлемый инструмент, который позволяет вашим ученикам быстро находить важную информацию. Вы можете легко удалять и добавлять кнопки и менять их название и ссылки.
- Возможность смены цветов и шрифтов на свои
- Работает в приложении.
Две «горячие» кнопки в столбик
Горячие кнопки это красивый элемент и неотъемлемый инструмент, который позволяет вашим ученикам быстро находить важную информацию. Вы можете легко удалять и добавлять кнопки и менять их название и ссылки.
- Возможность смены цветов и шрифтов на свои
- Работает в приложении.
Командный рейтинг
Ученики видят рейтинг команды в реальном времени.
Команды соревнуются между собой, а каждый участник становится важной частью победы.
Такой формат стимулирует проходить тренинг активнее, вовлекает даже самых спокойных учеников и делает обучение интереснее.
✅ Два варианта установки: на лендинг или в тренинг.
✅ Полная совместимость с приложением Чатиум.
✅ Лёгкая смена цветов и шрифтов под свой стиль.
Диаграмма пройденных уроков или модулей в процентах
Код диаграммы добавляется на страницу тренинга и придаёт интерактива, при его прохождении.
- Возможность смены цветов и шрифтов на свои
- Работает в приложении.
Горизонтальный прогресс-бар пройденных уроков или модулей в процентах
Код диаграммы добавляется на страницу тренинга и придаёт интерактива, при его прохождении.
- Возможность смены цветов и шрифтов на свои
- Работает в приложении.
Шаблон страниц авторизации и обратной связи
Создайте первое впечатление о вашей школе, с помощью готового шаблона для оформления страниц авторизации и обратной связи.
- Быстрая установка
- Возможность смены цветов, шрифтов и фона на свои.
Зачётка — модуль для повышения доходимости
ВАЖНО! Прежде чем перейти к установке, посмотрите общую информацию в основной видео-инструкции и установите в тему CSS фоновые стили.
Обзор и установка
❗️ Для того, чтобы зачётка работала в приложении, перейдите в тренинге в раздел «В приложении» и поставьте галочку «Не приводить список к нативному виду». Важно! Вид списка тренингов и уроков в этом случае станет отображаться как на ПК.
Календарь ручным добавлением событий
Наглядное и стильное расписания в виде календаря, поможет ученикам не пропускать важные события обучения и станет украшением вашего тренинга.
Важно! События в календарь добавляются вами в ручном режиме.
Установка календаря
Закройте на время просмотра текущее окно с этой инструкцией и установите CSS стили по инструкции в основном видео. После того как установите стили вернитесь в эту инструкцию и продолжите установку.
После установки CSS в тему перейдите к покупке и скопируйте код JS
Если вы приобрели только календарь, то вернитесь к теме с установленным CSS календаря и перейдите во вкладку JS. Вставьте в него скрипт с блокнота и сохраните изменения.
Если вы приобрели несколько элементов коллекции, то создайте новую тему для JS календаря и поместите туда скопированный код. Сохраните изменения.
Важно! Не теряйте скобки и не добавляйте в скрипт лишних элементов. Скрипт должен начинаться и заканчиваться фигурной скобкой {}
Перейдите к покупке и скопируйте код разметки
Поставьте курсор на тот объект куда планируете ставить календарь, в нашем примере это 2 колонка. Выделенная область на странице тренинга выделится красным
Нажмите на стрелку вниз и выберите пункт «Импортировать блок»
В открывшемся окне вставьте скопированную разметку и нажмите кнопку «Импортировать»
После успешного импорта вы увидите разметку (если успеют погрузиться стили, то вид вашей разметки будет отличаться от примера). Сохраните изменения
Вернитесь в созданную тему ВАШ ДОМЕН/pl/cms/layout/index, в раздел настройки. Поставьте курсор на JS, нажмите правую кнопку мыши и выберите пункт «Копировать адрес ссылки»
Вернитесь в тренинг и нажмите дважды левой кнопкой мыши на JS скрипт в разметке. Замените ссылку в скрипте на ту, что только что скопировали. Важно! Ссылку нужно вставить между кавычек "ВАША ССЫЛКА".
Удалите из ссылки свой домен сразу после " и заканчивая /. После, нажмите мышью на пустое поле чтобы закрылся редактор JS и сохраните результат.
Нажмите на кнопку «Содержание» чтобы посмотреть результат.
Подключаем оформление календаря
если вы приобрели несколько элементов коллекции, то пропустите этот шаг
Перейдите в тренинг где устанавливаете кадендарь и нажмите кнопку Действие / Настроить вид
В открывшемся окне вставьте подготовленную ниже конструкцию и не закрывайте окно.
@import url(ваша ссылка)
Перейдите в тему где разместили CSS стили, перейдите во вкладку настройки, наведите мышь на ссылку CSS, нажмите правую кнопку мыши и выберите пункт «копировать адрес ссылки».
Вставьте ссылку в конструкцию между двух скобок и удалите домен до слеша.
Сохраните изменения.
ВАЖНО! Изменения из темы применяются в течение 15 минут. Если календарь еще не принял нужный вид, возможно вам нужно просто немного подождать и обновить страницу.
Меняем цвета календаря на свои
Для замены цветов и шрифтов календаря на ваши, предусмотрены переменные. Вернитесь в созданную тему ВАШ ДОМЕН/pl/cms/layout/index, в раздел CSS, и поменяйте коды цветов в переменных на свои. Например, если вам нужно поменять цвет фона календаря на красный, то в переменной фона календаря замените код цвета #222 на #ff0010. По такому же принципу меняются все значения. После сохранения изменения вступят в силу в течение 15 минут.
Прописываем событие в календарь
Вернитесь в созданную тему ВАШ ДОМЕН/pl/cms/layout/index, в раздел JS.
ВАЖНО! Изменения из темы применяются в течение 15 минут.
❗️ Для того, чтобы календарь работал в приложении, перейдите в тренинге в раздел «В приложении» и поставьте галочку «Не приводить список к нативному виду». Важно! Вид списка тренингов и уроков в этом случае станет отображаться как на ПК.
Оформление списка тренингов в аккордеоне
ВАЖНО! Прежде чем перейти к установке, посмотрите общую информацию в основной видео-инструкции и установите в тему CSS стили.
Обзор и установка
Как отключить новое оформление GetCourse
Новые темы и элементы коллекции «Радуга»
Новые темы и элементы коллекции «Радуга»
ВАЖНО! Прежде чем перейти к установке, посмотрите общую информацию в основной видео-инструкции и установите в тему JS и CSS.
ОТЗЫВЫ НАШИХ ПОКУПАТЕЛЕЙ
частые вопросы
© 2023-2025 «Гетшоп»
Все права защищены.
*Социальные сети Facebook и Instagram являются продуктами компании Meta, которая признана экстремистской организацией в России.
Согласие на обработку персональных данных
Согласие на получение рассылок
© 2023-2025 «Гетшоп»
Все права защищены.
*Социальные сети Facebook и Instagram являются продуктами компании Meta, которая признана экстремистской организацией в России.