January 8, 2024

Мобильная адаптация тренингов

База знаний / Мобильная адаптация тренингов

В шаблоне One Way можно оптимизировать адаптацию правой боковой панели в тренингах на мобильные телефоны. Для изменения параметров адаптации перейдите в "настройки вида" и найдите нужный вам пункт

Настройки вида
Пункт адаптации

Зачем нужна адаптация?

Для размещения дополнительного контента нередко используется колонка справа

Правая колонка выделена красной обводкой

В мобильной версии мы можем либо показывать контент правой колонки над контентом левой, либо показывать контент правой колонки под контентом левой.

Оба варианта являются не очень удобными, если в этом разделе больше 3-5 уроков\тренингов. Пользователь либо пролистывает все уроки\тренинги до нужных кнопок, либо каждый раз видит ненужные ему кнопки (т.к. чаще всего он на них нажимает реже, чем по урокам\тренингам).

В шаблоне One Way есть возможности организации пространства, направленные на решение этой проблемы

Всплывающее окно внизу

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

Закрытое состояние
Открытое состояние

Якорь

С этой настройкой колонки не скрываются. Над тренингами\уроками добавляется кнопка "полезная информация", которая по клику плавно переводит экран на вторую колонку. Внешний вид можно оценить на скриншоте ниже