GetMagic Inside

2022-06-08 16:05:56 СЛАЙДЕР С КАСТОМНЫМИ СТРЕЛКАМИ И СЧЕТЧИКОМ

Про слайдеры мы рассказывали не однократно в уроках, но их вариации бесконечны :)

Этот же урок @araviw решает сразу три задачи по кастомизации слайдера - вывод собственных стрелок (что позволяет не мучиться с пересозданием системных) и вывод счётчика слайда, который показывает номер текущего слайда и число слайдов в галерее. А третье - нестандартный показ контента внутри слайдера.

Данный урок может быть использован как в решении с стандартными плитками, так и модифицированными. Если второе, то плитки примут вид двухколоночного блока, где слева картинка, а справа сам контент. По желанию вы можете использовать блок, где есть кнопка в контенте. Или же переставить стрелки в область слайда.


Где искать урок?
Тренинги → Практика

Сколько требуется времени на установку?
20 минут

Что принесет проекту?
Научитесь создавать нестандартные адаптивные слайдеры на базе блоков Геткурса.

#слайдер #лендинг Открыть/Комментировать

2022-06-03 14:44:18 СОЗДАНИЕ ВСПЛЫВАЮЩИХ ПОДСКАЗОК

Иногда, когда нам нужно что-то пояснить в тексте на лендинге, нам приходится ставить звездочки и делать внизу пояснительные тексты. Но есть более элегантное решение — tooltips.

Тултипы — это всплывающие окошки, появляющиеся рядом с текстом при наведении на него курсора. @DmitrySpace адаптировал это популярное решение под Геткурс и научил превращать всплывающие блоки в аккуратные подсказки.

Где искать урок?
Тренинги → Практика

Сколько требуется времени на установку?
5 минут

Что принесет проекту?
Удобный формат предоставления дополнительной информации пользователю, приятный для глаза и легко встраиваемый в любой дизайн.

#лендинг Открыть/Комментировать

2022-06-01 18:37:07 КАК ОГРАНИЧИТЬ ОПЛАТУ МИНИМАЛЬНОЙ СУММОЙ

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

Если пользователь введёт сумму меньше минимальной, то скрипт автоматически исправит её на минимально допустимое значение.

Где искать урок?
Тренинги → Практика

Сколько требуется времени на установку?
2 минуты

Что принесет проекту?
— Исключит ошибки платёжных систем, которые связаны с тем, что сумма заказа слишком маленькая.
— Позволит делать "оплату донатами", с разумной начальной ценой.

#лендинг #форма Открыть/Комментировать

2022-05-31 17:21:08 GETCOURSE И СЕТКА Bootstrap 3

Сам Геткурс собран на технологии Bootstrap, а это значит, что часть компонентов доступна "из коробки", если уметь обращаться к их классам. Решение из мастер-класса @araviw показывает то, как правильно установить разметку для переключающихся табов, которая позволяет создавать вкладки на лендинге и их стилизовать.

зы Есть в магии секретный EXTRA раздел, где собрано множество решений, которых нет в Практической части, но это не делает их менее ценными :) Заглядывайте туда для расширения своего кругозора :)

Где искать урок?
Тренинги → EXTRA → Мастер-классы

Сколько требуется времени на установку?
15 минут

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

#верстка #лендинг Открыть/Комментировать

2022-05-31 16:37:21 СТИЛИЗАЦИЯ РАДИО-ТОЧЕК И ЧЕКБОКСОВ

Часто встречаются системные элементы, которые существуют в дизайне, но не воплощаются - это радио-точки и чекбоксы.

Самый популярный - это обязательный чекбокс согласия под формой, который своим "синим глазом" выбивается из концепта лендинга.

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

Поэтому чаще всего - как создалось, так и оставилось.

Однако, если вы задались задачей стилизации полностью, к вашим услугам решение от @araviw. В данном уроке подробно рассмотрены варианты расположения чекбоксов и радиоточек в зависимости от блока, и показан вариант стилизации.

Где искать урок?
Тренинги → Практика

Сколько требуется времени на установку?
30 минут

Что принесет проекту?
Научитесь стилизовать сложные системные элементы в согласии с дизайном

#анкеты #формы Открыть/Комментировать

2022-05-24 19:29:43 СРЕДНИЙ БАЛЛ ЗА УРОКИ

Новый урок от Dmitry Space, в котором разбирается, как сделать такой прогресс-бар, который наглядно показывает успеваемость ученика.

Будет полезно в том случае, если работы учеников проверяются учителем, который вручную ставит оценку (балл) за выполненное задание. Идеально для школьных программ.

Где искать урок?
Тренинги → Практика

Сколько требуется времени на установку?
10 минут

Что принесет проекту?
Позволит ученикам видеть свою успеваемость и добавит элемент игры. Т.к. каждое выполненное задание влияет на средний балл, то у учеников будет дополнительный стимул выполнять все домашки качественно.

#тренинги #прогрессбар Открыть/Комментировать

2022-05-24 16:24:15 ТОЧНОЕ КОЛИЧЕСТВО ДОСТУПНЫХ УРОКОВ В ТРЕНИНГЕ

Один из самых популярных багов у Геткурса в подсчете уроков решен @Isagaya.

Что было раньше? Геткурс выводит под название тренинга количество уроков, которые вообще есть внутри этого тренинга, при этом считая также и скрытые от пользователя. Поэтому обязательно найдется на курсе пользователь, который сосчитает сам и будет спрашивать о том, почему же ему выдали уроков меньше, чем заявлено.

Поэтому приходилось или скрывать эту строчку или не допускать скрытые уроки. Или отвечать :)

А с уроком Максима вы сможете сделать пересчет и вывести правильное количество уроков! Долой ужасные баги платформы!

Где искать урок?
Тренинги → Практика

Сколько требуется времени на установку?
20 минут

Что принесет проекту?
Уберете давний баг, сохраните нервы свои и пользователя.

#уроки #тренинги Открыть/Комментировать

2022-05-24 15:59:57 ЗВЕЗДНЫЙ РЕЙТИНГ

Изначально этот урок появился в одной из Недель Магии как элемент геймификации. Затем @araviw обновила его для того, чтобы в одной анкете собирать сразу все оценки уроков тренинга. Согласитесь, удобно - есть анкета из 30 вопросов (один вопрос - это один урок), а в самом уроке виден только один вопрос, который относится к этому уроку, а остальные 29 не видны. Видимость делается автоматически, никакого ручного труда!

Затем оно стало поддерживать оценку нескольких вопросов в большой анкете (звездочки+поле для ввода текста), потом добавили и цели.

Как самостоятельный вариант появилось решение, когда звездочки используются для оценки кураторов в общей анкете для ученика без привязки к уроку. Или как вариант - оценки тренинга вообще.

Где искать урок?
Тренинги → Практика

Сколько требуется времени на установку?
20 минут

Что принесет проекту?
Вы сможете заменить туговатый и страшноватый блок от самого ГК (раздел "Качество тренинга") или просто застилизовать анкету

#анкеты Открыть/Комментировать

2022-05-22 17:28:35 ТЕСТИРОВАНИЕ С ВЫБОРОМ ОТ 1 ДО 10

Набор стилей от Dmitry Space, который переворачивает варианты ответов в тестировании горизонтально, что идеально подходит для тестов, в которых предлагается оценить что-то по шкале, например, от 1 до 10.

Это решение подойдёт как для урока, так и для обычной страницы.

Ограничения:
1. Во всех вопросах должны быть одинаковые варианты ответа.
2. Не поддерживается выбор нескольких вариантов ответа.

Где искать урок?
Тренинги → Практика

Сколько требуется времени на установку?
5 минут (если само тестирование уже создано)

Что принесет проекту?
Создаст у пользователей приятное впечатление при прохождении тестирования.

#тестирование Открыть/Комментировать