Доработка шаблона интернет-магазина на InSales
Требуется выполнить ряд улучшений для повышения удобства пользователей и увеличения конверсии. Все работы должны быть выполнены качественно, с сохранением адаптивности и производительности сайта.
Основные блоки работ
1. Карточка товара
- Расположение кнопок: Разместить кнопки «В корзину» и «Купить в 1 клик» на одном уровне, рядом друг с другом.
- Вкладки (табы): Перевести блок с вкладками «Описание / Характеристики / Детали» в горизонтальное расположение в одну строку.
- Лукбук-галерея: Добавить под основным описанием товара отдельную галерею со стилизованными фотографиями (lookbook).
- Блок с видео: Интегрировать блок для встраивания видео-контента о товаре.
- Блок рекомендаций: Добавить на страницу товара блок «Вам может понравиться» с сопутствующими товарами.
2. Оформление заказа
- Переработать процесс оформления в формат одностраничного (SPA).
- Все шаги (корзина, данные покупателя, доставка, оплата) должны отображаться динамически на одной странице, без перезагрузок и переходов на другие URL.
3. Главная страница
- Реализовать возможность размещения блоков и разделов разного размера (сетка должна быть гибкой).
- Карточки товаров в категориях на главной должны автоматически растягиваться, если количество товаров в разных категориях неодинаково, чтобы сохранить ровную сетку.
4. Мобильная версия
- Исправить ошибки верстки, из-за которых контент «плывет» или съезжает при горизонтальном свайпе (прокрутке).
5. Каталог товаров
- Доработать навигацию: в текущей версии при нажатии на пункт меню «Каталог» не отображается выбор подкатегорий.
- Необходимо либо добавить выпадающее меню с категориями, либо интегрировать этот функционал в боковой фильтр.
6. Сортировка товаров
- Добавить в каталоге новый параметр сортировки товаров - «По наличию» (в наличии / под заказ). В данный момент доступна только сортировка по дате добавления и другим стандартным параметрам.
7. Страница «Контакты»
- Карта: Доработать интерактивную карту, добавив функционал выбора города для отображения соответствующей контактной информации.
- Логотипы партнеров: Сделать все логотипы в блоке партнеров кликабельными со ссылками на их сайты.
8. Блок «Доставка»
- Исправить логику отображения города по умолчанию. В способах доставки автоматически подставляется «Москва», что сбивает с толку пользователей из других регионов.
- Необходимо сделать выбор города более очевидным (например, через явный выбор в начале сессии или привязку к IP) и убрать автоматическую подстановку конкретного города, если он не выбран пользователем.
К выполнению работы прилагается подробное техническое задание с визуальными примерами и пояснениями.