Конфигуратор

Конфигуратор для подбора комплектов постельного белья по размерам и типу ткани на InSales. Собственный поиск через API, фильтрация по коллекциям, добавление в корзину.

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

  • Платформа InSales
  • Функционал Конфигуратор белья
  • Технологии API + JavaScript
  • Категории 4 типа товаров
Настройка виджета конфигуратора Интерфейс конфигуратора Результат подбора

Задача

Стандартный поиск InSales не позволяет фильтровать по размерам и типу ткани для сборки комплектов белья. Нужен собственный конфигуратор через API.

Покупатель выбирает размеры (наволочки, простыни, пододеяльника) и тип ткани. Конфигуратор показывает коллекции, из которых можно собрать полный комплект.

Как работает

  1. Покупатель выбирает размеры через чекбоксы
  2. Выбирает тип ткани
  3. Конфигуратор показывает коллекции с подходящими товарами
  4. Покупатель кликает на коллекцию
  5. Открывается попап с товарами из этой коллекции
  6. Кнопка "Добавить в корзину" добавляет все предметы

Категории товаров

Конфигуратор ищет по четырем категориям:

  • Комплекты белья
  • Наволочки
  • Простыни и простыни натяжные
  • Пододеяльники

Логика отбора коллекций

Конфигуратор показывает коллекцию, если:

  • Можно собрать полный комплект — есть хотя бы по одному предмету из трех категорий (наволочка + простыня + пододеяльник)
  • Есть готовый комплект — в остатках есть товар из категории "Комплекты белья"
  • Комбинация — есть готовый комплект и отдельные предметы

Конфигуратор НЕ показывает коллекцию, если есть товары только из двух категорий (например, много простыней и пододеяльников, но нет наволочек).

Пример

Покупатель выбрал: наволочка 50×70, простыня 150×200, пододеяльник 150×200, ткань сатин. Конфигуратор нашел коллекцию "Прованс", где есть все три предмета в нужных размерах из сатина. Показал коллекцию. Покупатель кликнул → увидел три товара → добавил в корзину.

Технические детали

  • API InSales — запросы для получения товаров по категориям
  • JavaScript — фильтрация и сортировка на клиенте
  • Без Liquid — полностью на JS, отказ от стандартного поиска
  • Виджет — настройки вынесены в редактор темы
  • Обычные товары — не используются комплекты InSales

Результат

  • Покупатель выбирает размеры и тип ткани
  • Видит коллекции, из которых можно собрать комплект
  • Добавляет в корзину все предметы одной кнопкой
  • Конфигуратор учитывает остатки товаров
  • Гибкая настройка через виджет

Технологии

InSales API InSales JavaScript Конфигуратор Фильтрация Виджет E-commerce