Функционал отображения товаров по цветам


Интернет-магазин Ucontay обратился с задачей настройки отображения товаров в категориях и фильтрах по цветам. Основной целью было обеспечить автоматическое переключение на нужный вариант товара при выборе цвета в категории или фильтре.


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

1. Добавлено новое поле для категорий:

  • В админ-панели магазина создано дополнительное поле «Цвет категории».
  • Название цвета в поле должно совпадать с параметром товара (включая регистр).

2. Настройка алгоритмов отображения:

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

3. Оптимизация каталога:

  • Убрано автоматическое перелистывание изображений в каталоге.
  • Удалены индикаторы пагинации под изображениями товаров.

4. Обработка кнопки «Показать ещё». Скрипт настроен так, чтобы при загрузке новых товаров через кнопку «Показать ещё» они автоматически переключались на варианты с выбранным цветом.

Теперь категории товаров на сайте Ucontay.kz автоматически показывают товары с цветом, заданным в настройках. Фильтрация по цвету стала интуитивно понятной: товары переключаются на нужные варианты, а при сложных запросах отображаются главные изображения. Убран лишний функционал, отвлекающий клиентов (перелистывание и индикаторы). Поддерживается плавная работа даже при подгрузке товаров через кнопку «Показать ещё».

Нужны индивидуальная разработка для интернет-магазина? Консультации по тел. +7 812 24-110-34 или заполните форму:

Настройка функционала отображения товаров по цветам


Бесплатная регистрация InSales

Нужны доработки функционала интернет-магазина?

Получите оценку стоимости в течение 30 минут!