Цель

Упростить подбор шин для пользователя, позволяя найти подходящий товар за 1-2 клика без необходимости переходить в каталог. Главная задача - повышение конверсии сайта.

Размещение на сайте

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

Функциональные требования

Необходимо реализовать два альтернативных варианта подбора, переключаемых пользователем:

Вариант A: Подбор по размеру

• Поля фильтрации:
  • Ширина (выпадающий список от 195 до 325);
  • Профиль (выпадающий список от 30 до 65);
  • Диаметр (выпадающий список R15 - R24);
  • Сезонность (необязательное поле): летние / зимние / всесезонные.
• Кнопка: «Подобрать шины».
• Логика: Перенаправление пользователя в каталог с уже примененными отфильтрованными параметрами. Если подходящих товаров нет, должно появиться информационное сообщение: «Нет товаров, попробуйте другой размер».

Вариант B: Подбор по автомобилю

• Каскадный выбор (сложный/дорогой путь):

  • Марка автомобиля → Модель → Год выпуска → Диаметр диска (если есть варианты).

• Упрощенный подход (MVC/Базовый):

  • Если реализация каскадного выбора c базой данных слишком сложна, разрешается реализовать поиск по цепочке: Марка → Модель → Размеры.
• Кнопка: «Подобрать по авто».
• Логика: Перенаправление в каталог с отфильтрованными шинами, подходящими для выбранного автомобиля.

Требования к интерфейсу (UI/UX)

• Элементы формы (выпадающие списки) должны быть крупными, удобными для нажатия на мобильных устройствах.
• Внутри полей должны отображаться подсказки-плейсхолдеры: «Выберите ширину», «Выберите профиль», «Выберите диаметр».
• Кнопка отправки формы должна становиться активной только после заполнения всех обязательных полей.
• Желательно реализовать обновление данных без полной перезагрузки страницы (технология AJAX).

Технические ограничения и требования

• Проект работает на CMS Webasyst и фреймворке Shop-Script.
• Исполнитель должен следовать структуре характеристик товара, заданной в системе: ширина, профиль, диаметр (R), сезон.
• Код не должен конфликтовать с модулями, уже использующимися для фильтрации товара в каталоге.
• Архитектура должна быть расширяемой в будущем: добавление параметров (бренд шин, наличие шипов, индекс шума и т.д.) не должно требовать полной переделки блока.

Итоговый результат

Разработчик по итогам передачи делает:

• Полностью рабочий блок подбора на главной странице;
• Корректно настроенную переадресацию в каталог с выбранными параметрами;
• Для администратора - инструкцию по дальнейшему редактированию и настройке блока.