Фильтры по кнопке
Краткое описание
Модуль переводит фильтры товаров в режим «по кнопке»: результаты и счётчик товаров обновляются только после нажатия Применить, а не сразу при каждом клике.
Для чего нужен
- уменьшить количество AJAX‑запросов при выборе нескольких фильтров;
- дать пользователю возможность выбрать сразу несколько параметров;
- улучшить работу фильтров на мобильных устройствах.
Основные возможности
- Кнопка «Применить» с количеством найденных товаров.
- Отдельная нижняя панель для мобильных устройств.
- Задержка обновления счётчика для массового выбора фильтров.
- Настройка цветов кнопки и панели.
- Возможность отключить поведение на мобильных.
Как работает
- Модуль переопределяет шаблон блока фильтров и добавляет JS‑логику.
- При выборе фильтров формируется
features_hashи запрашивается количество товаров (get_cnt). - Результаты применяются только после клика по кнопке.
- На мобильных выводится отдельная панель с кнопкой.
Где находится в админке
- Модули → Управление модулями → Фильтры по кнопке — настройки кнопки и задержки.
Примечания
- Используются шаблоны
overrides/blocks/product_filters/original.tplи hooksfooter.post.tpl. - Подробная инструкция — в
INSTRUCTION.md.
- Store Builder
- Store Builder Ultimate
- Multi-Vendor
- Multi-Vendor Plus
- Multi-Vendor Ultimate
- Покупателям
- English
- Русский
- 4.19.X
- 4.18.X
- 4.17.X
- 4.16.X
- 4.15.X
- 4.14.X
- 4.13.X
- 4.12.X
- 4.11.X
- 4.10.X
Инструкция
Инструкция по использованию модуля "Фильтры по кнопке"
После установки модуль автоматически активируется и начинает работать на страницах категорий с фильтрами товаров.
Настройка внешнего вида кнопки
-
Перейдите в Меню → Модули → Фильтры по кнопке → Настройки
-
В разделе настроек найдите опции для настройки цветов:
-
"Цвет фона кнопки" — основной цвет кнопки "Применить" (по умолчанию: #ff6a38)
-
"Цвет фона первого угла" — цвет градиента первого угла (по умолчанию: #e66800)
-
"Цвет фона второго угла" — цвет градиента второго угла (по умолчанию: #994500)
-
"Цвет нижней панели в мобильной версии" — цвет панели на мобильных устройствах (по умолчанию: #f7f7f7)
-
Используйте цветовой пикер для выбора нужных цветов, соответствующих дизайну вашего магазина
-
Нажмите "Сохранить"
Результат: Кнопка "Применить" будет отображаться с выбранными цветами, гармонирующими с дизайном магазина.
Настройка времени задержки
-
Перейдите в Меню → Модули → Фильтры по кнопке → Настройки
-
В разделе настроек найдите опцию "Время задержки"
-
Укажите значение в миллисекундах (по умолчанию: 700 мс)
-
Рекомендуемое значение для быстрого интернета: 500-700 мс
-
Рекомендуемое значение для медленного интернета: 800-1000 мс
- Нажмите "Сохранить"
Результат: При выборе характеристик фильтра кнопка "Применить" будет обновляться с указанной задержкой, что позволит покупателям выбрать несколько параметров подряд без преждевременного обновления.
Отключение модуля на мобильных устройствах
-
Перейдите в Меню → Модули → Фильтры по кнопке → Настройки
-
В разделе настроек найдите опцию "Не использовать в мобильной версии"
-
Установите галочку, если хотите отключить модуль на мобильных устройствах
-
Нажмите "Сохранить"
Результат: На мобильных устройствах фильтры будут работать в стандартном режиме CS-Cart (с немедленным применением), а на десктопе модуль продолжит работать с кнопкой "Применить".

Как работает модуль
Без модуля:
-
При выборе фильтра страница сразу обновляется
-
Каждый выбор вызывает AJAX-запрос
С модулем:
-
Покупатель выбирает нужные параметры фильтрации
-
После выбора появляется кнопка "Применить"
-
Фильтры применяются только после нажатия кнопки
-
Можно выбрать несколько параметров подряд без перезагрузки
Результат: Улучшается производительность сайта за счёт уменьшения количества AJAX-запросов, а покупатели получают возможность выбрать все нужные параметры за один раз перед применением фильтров.

**v1.2.5** от 24.12.2025 [\*] Дообновлён шаблон модуля **v1.2.4** от 30.11.2025 [+] Добавлена задержка при обновлении кнопки "Применить" для возможности выбора сразу нескольких фильтров подряд [!] Исправлена ошибка в js шаблона по отрисовки кнопке применить, появлялась ошибка, что wrapCheckboxes.offset() = undefined [!] Исправлена ошибка в js при отрисовки слайдера [\*] Обновлён шаблон модуля [\*] Изменена иконка модуля **v1.2.3** от 20.10.2023 [!] При прокручивании страницы, Кнопка "Применить" отображается поверх шапки сайта. Исправлено [!] При выборе фильтра, через 3 секунды фильтр сбрасывается. Исправлено [+] Добавлена возможность в настройках не использовать модуль в мобильной версии сайта **v1.2.2** от 05.09.2023 [\*] Стандартизация модуля **v1.2.1** от 24.08.2023 [!] Кнопки применения фильтров на UniTheme2, отрегулирована относительно координаты "Y" **v1.2.0** от 23.08.2023 [+] Адаптировано под AB: UniTheme2 **v1.1.2** от 17.08.2023 [!] При выборе фильтра, кол-во товаров предварительно не просчитывались, исправлено **v1.1.1** от 15.08.2023 [!] Ошибка при задании цвета фона первого угла, исправлено **v1.1.0** от 15.08.2023 [+] Изменены настройки выбора цвета, добавлен выбор цвета через пикер [\*] Убраны языковые переменные из схемы и перемещены в файл переводов [\*] Изменены короткие теги <? на обычные <?php **v1.0.1** от 15.05.2023 [\*] Лицензирование *** [+] Добавлено [-] Удалено [\*] Изменено [!] Исправлена ошибка