Адаптация темы

Адаптировали тему "Модная одежда" под мобильные устройства. 90% продаж идет с телефонов, поэтому сделали акцент на удобство мобильной версии.

Краткая информация

  • Проект Oceaninside.ru
  • Платформа InSales
  • Тема Модная одежда
  • Приоритет Мобильная версия
  • Особенности Мультиязычность

Задача

Клиент использовал стандартную тему "Модная одежда" для InSales. Но 90% заказов приходило с телефонов, а мобильная версия работала не идеально.

Нужно было адаптировать тему под мобильные устройства и добавить несколько функций, которых не было в базовой версии.

Что изменили

Хедер и футер

Переделали расположение элементов в шапке и подвале сайта. Убрали лишнее пустое пространство на мобильных и планшетах. Теперь всё компактно и на своих местах.

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

Исправили ошибки в отображении сравнения товаров. Раньше на мобильных таблица сравнения съезжала и была неудобной. Сделали удобную карусель с прокруткой.

Корзина

Переделали расположение элементов в корзине. На телефоне теперь всё помещается на экран без лишней прокрутки. Кнопки "Оформить заказ" и "Продолжить покупки" всегда на виду.

Быстрый просмотр

Адаптировали окно быстрого просмотра товара для разных экранов. На маленьких телефонах открывается на весь экран. На планшетах и десктопах — в виде удобного окна.

Купить в один клик

Настроили форму быстрого заказа. Минимум полей, простая отправка. Работает из карточки товара и из быстрого просмотра.

Товары под заказ

Изменили логику показа размеров:

  • Если размер есть в наличии — показываем его первым
  • Если размера нет — показываем метку "Под заказ"
  • Это работает и в карточке товара, и в быстром просмотре

Мультиязычность

Добавили поддержку нескольких языков. Пользователь может переключать язык интерфейса. Все тексты, кнопки и сообщения переводятся автоматически.

Результат

Клиент составил подробное ТЗ и хорошо понимал свою аудиторию. Это помогло быстро сделать все доработки без лишних правок.

Получилась быстрая и удобная тема, заточенная под мобильные устройства. Конверсия с телефонов выросла после внедрения изменений.

Хотите аудит своего магазина?

Посмотрите рекомендации Google для ритейла или напишите нам для бесплатной консультации.

Похожие кейсы

Теги

InSales Liquid JavaScript CSS3 Адаптивная верстка Mobile-first Мультиязычность UX оптимизация