Настраиваем умный фильтр в каталоге

Цель: Настроить страницу каталога в Bitrix с использованием комплексного компонента "catalog" и реализовать динамическое обновление счетчика товаров в умном фильтре при выборе параметров.

1. Создание страницы каталога

Настройка страницы в папке /catalog/

Создайте страницу каталога в папке /catalog/ и подключите комплексный компонент "catalog" с шаблоном mars_catalog, расположен по пути /local/templates/koroleva/components/bitrix/catalog/mars_catalog.

2. Шаблон корня каталога

Находится тут: local/templates/koroleva/components/bitrix/catalog/mars_catalog/sections.php , и он вызывает умный фильтр

3. Настройка умного фильтра

Шаблон фильтра

Шаблон умного фильтра находится по пути /local/templates/koroleva/components/bitrix/catalog.smart.filter/mars_catalog_filter. Он включает:

  • Обработку изображений цветов из Highload-блока (ID=2).
  • Группировку брендов по первой букве/цифре.
  • Счетчик отфильтрованных товаров.
  • HTML-разметку и JavaScript для интерактивного фильтра.

4. Динамическое обновление счетчика товаров

Проблема

Счетчик отфильтрованных товаров обновляется только после нажатия кнопки "Применить". Необходимо сделать так, чтобы счетчик пересчитывался сразу при выборе параметров фильтра.