Планшет часто оказывается неудобной зоной адаптива: места уже недостаточно для полноценного десктопного меню, но стандартная тема еще может пытаться показывать его как на большом экране. В результате навигацией сложно пользоваться касаниями.
Для интернет-магазина на InSales мы сделали поведение меню на планшете таким же, как в мобильной версии. Это компактная доработка с понятной практической целью: категории должны удобно открываться на сенсорном экране.
Ключевые факты
| Дата задачи | 27.06.2023 |
| Платформа | InSales |
| Ниша | интернет-магазин |
| Тип работ | адаптация меню под планшеты |
| Результат | планшетная навигация получила компактную touch-friendly логику мобильного меню |
Задача
Нужно было изменить меню на планшетных экранах и использовать для него мобильный сценарий отображения. Так покупатель получает интерфейс, который подходит под размер экрана и управление пальцем.
Что сделали
- Определили планшетный диапазон, в котором десктопное меню перестает быть удобным.
- Подключили для планшета логику мобильной навигации.
- Сделали открытие меню компактным и предсказуемым для сенсорного устройства.
- Сохранили привычную структуру разделов магазина без изменения каталога.
Результат
На планшете посетитель получает удобное меню, рассчитанное на касания и ограниченную ширину экрана. Это помогает быстрее переходить к разделам каталога без борьбы с тесной десктопной навигацией.
Что мы сделали для клиента
Мы закрыли слабое место адаптива и сделали планшет полноценным удобным сценарием просмотра магазина. Небольшое изменение в меню улучшило навигацию там, где покупатель реально взаимодействует с сайтом пальцем.
