Более 200 модулей для CS-Cart по единой подписке за 3 000 ₽ в месяц

Фильтры по кнопке

Фильтр сработает только после выбора нужных опций и нажатия на кнопку "Применить"
Укажите домен без http и слешей. Пример: domain.com
По подписке 2 200 
Написать отзыв
Последняя версия модуля Обновлено:
Есть вопросы по модулю? Напиши нам: HelpDesk Bot

Фильтры по кнопке

Краткое описание

Модуль переводит фильтры товаров в режим «по кнопке»: результаты и счётчик товаров обновляются только после нажатия Применить, а не сразу при каждом клике.

Для чего нужен

  • уменьшить количество AJAX‑запросов при выборе нескольких фильтров;
  • дать пользователю возможность выбрать сразу несколько параметров;
  • улучшить работу фильтров на мобильных устройствах.

Основные возможности

  • Кнопка «Применить» с количеством найденных товаров.
  • Отдельная нижняя панель для мобильных устройств.
  • Задержка обновления счётчика для массового выбора фильтров.
  • Настройка цветов кнопки и панели.
  • Возможность отключить поведение на мобильных.

Как работает

  1. Модуль переопределяет шаблон блока фильтров и добавляет JS‑логику.
  2. При выборе фильтров формируется features_hash и запрашивается количество товаров (get_cnt).
  3. Результаты применяются только после клика по кнопке.
  4. На мобильных выводится отдельная панель с кнопкой.

Где находится в админке

  • Модули → Управление модулями → Фильтры по кнопке — настройки кнопки и задержки.

Примечания

  • Используются шаблоны overrides/blocks/product_filters/original.tpl и hooks footer.post.tpl.
  • Подробная инструкция — в INSTRUCTION.md.
Продукт:
  • Store Builder
  • Store Builder Ultimate
  • Multi-Vendor
  • Multi-Vendor Plus
  • Multi-Vendor Ultimate
Назначение:
  • Покупателям
Архитектура
:
  • Frontend
Локализации:
  • 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

Инструкция

Инструкция по использованию модуля "Фильтры по кнопке"

После установки модуль автоматически активируется и начинает работать на страницах категорий с фильтрами товаров.

Настройка внешнего вида кнопки

  1. Перейдите в Меню → Модули → Фильтры по кнопке → Настройки

  2. В разделе настроек найдите опции для настройки цветов:

  • "Цвет фона кнопки" — основной цвет кнопки "Применить" (по умолчанию: #ff6a38)

  • "Цвет фона первого угла" — цвет градиента первого угла (по умолчанию: #e66800)

  • "Цвет фона второго угла" — цвет градиента второго угла (по умолчанию: #994500)

  • "Цвет нижней панели в мобильной версии" — цвет панели на мобильных устройствах (по умолчанию: #f7f7f7)

  1. Используйте цветовой пикер для выбора нужных цветов, соответствующих дизайну вашего магазина

  2. Нажмите "Сохранить"

Результат: Кнопка "Применить" будет отображаться с выбранными цветами, гармонирующими с дизайном магазина.

Настройка времени задержки

  1. Перейдите в Меню → Модули → Фильтры по кнопке → Настройки

  2. В разделе настроек найдите опцию "Время задержки"

  3. Укажите значение в миллисекундах (по умолчанию: 700 мс)

  • Рекомендуемое значение для быстрого интернета: 500-700 мс

  • Рекомендуемое значение для медленного интернета: 800-1000 мс

  1. Нажмите "Сохранить"

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

Отключение модуля на мобильных устройствах

  1. Перейдите в Меню → Модули → Фильтры по кнопке → Настройки

  2. В разделе настроек найдите опцию "Не использовать в мобильной версии"

  3. Установите галочку, если хотите отключить модуль на мобильных устройствах

  4. Нажмите "Сохранить"

Результат: На мобильных устройствах фильтры будут работать в стандартном режиме 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  
[\*] Лицензирование  

***

[+] Добавлено  
[-] Удалено  
[\*] Изменено  
[!] Исправлена ошибка
Отзывы
Бортникова Светлана
Отличный модуль! Фильтры теперь применяются по кнопке "Применить", а не сразу. Это ускорило работу сайта и упростило выбор параметров. Покупатели могут выбрать несколько фильтров подряд без лишних перезагрузок. Рекомендую!
Анонимный
Очень удобно! Раньше при каждом клике по фильтру страница перезагружалась. Теперь можно выбрать все нужные параметры и нажать "Применить" один раз. Нагрузка на сервер снизилась, покупателям стало удобнее. Настройка цветов кнопки простая.
Похожие модули