Over 200 add-ons available under a single subscription for $40 per month!
Read More
Submit a request
Filtres by button, image

Filtres by button

:root { --ms-info-primary-border: #3b82f6; --ms-info-primary-bg: #eef5ff; --ms-info-primary-text: #1f2937; --ms-info-warning-border:...
Please enter a valid addres(es) of the shop where you are going to use the add-on.
By subscription 5 200 ₽

Request a trial version

Write a review
Latest module version Updated:
Have questions about the module? Write to us: HelpDesk
Filtres by button, image
Filtres by button, image , 2 image
Filtres by button, image , 3 image

This add-on is part of our Subscription plan.

Subscribe once and use all add-ons without limits.

Filters by Button

The add-on switches the product filters block to button-based application: shoppers can choose several filter values and only apply them after clicking Apply.

What it is for

The add-on is useful for stores that want to reduce the number of AJAX requests and let shoppers collect several filter options before applying them. It is especially helpful in large catalogs and on mobile devices.

Key features

  • an Apply button with the number of matching products;
  • a separate bottom panel for mobile devices;
  • a delayed counter refresh for bulk filter selection;
  • custom colors for the button and mobile panel;
  • an option to disable the behavior on mobile devices.

How it works

The add-on overrides the product filters template and adds delayed-apply JavaScript logic. When filters are selected, the module builds a features_hash, refreshes the product counter through AJAX, and shows the storefront results only after the shopper clicks Apply. On mobile devices, a separate panel with the button can be displayed.

Need help with the add-on?

Write to us.


Product:
  • Store Builder
  • Store Builder Ultimate
  • Multi-Vendor
  • Multi-Vendor Plus
  • Multi-Vendor Ultimate
Recipient:
  • Buyers
Development
:
  • Frontend
Localization:
  • English
  • Русский
Compatible versions:
  • 4.21.X
  • 4.20
  • 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

Instructions for Filters by Button

The add-on turns the standard CS-Cart product filters block into a button-based flow. Shoppers can select several filter values first and only then apply them with Apply.

What the add-on does

  • adds an Apply button to the filters block;
  • shows the number of matching products next to the button;
  • refreshes the counter with a delay when multiple filters are selected;
  • shows a separate bottom panel on mobile devices;
  • lets you disable the behavior on mobile devices.

Where the module is located

  • Administration → Add-ons → Manage add-ons → Filters by Button — the add-on card with settings;
  • the catalog page with a product filters block on the storefront — where the result is visible;
  • theme templates overridden by the add-on: `design/themes/responsive/templates/addons/csc_delayed_filters/overrides/blocks/product_filters/original.tpl` and related hooks.

Settings

  1. Open the add-on card and set the button styling: background color and corner radius.
  2. If needed, configure the mobile panel background color.
  3. Enable Do not use on mobile if the add-on should not run on mobile devices.
  4. Set the counter refresh delay if your filters contain many values and selection is done in sequence.
  5. Save the settings.

How to check the add-on

  1. Open a category page that has the product filters block on the storefront.
  2. Select several filters one after another and make sure the product list does not refresh immediately.
  3. Click Apply and verify that the results and the counter are updated.
  4. Check the mobile behavior: when the panel is enabled, a bottom apply button should appear.

Changelog

v1.2.6 from 03.09.2026

[*] Updated the add-on code, templates, and integration files.

[*] Updated the add-on description, instructions, changelog, and logo.

v1.2.5 from 2025-12-24

[*] The module template was updated again.

v1.2.4 from 2025-11-30

[+] Added a delay when updating the Apply button so several filters can be selected in sequence.

[!] Fixed a JS template error while rendering the Apply button, which could trigger `wrapCheckboxes.offset() = undefined`.

[!] Fixed a JS error while rendering the slider.

[*] The module template was updated.

[*] The module icon was changed.

v1.2.3 from 2023-10-20

[!] Fixed the Apply button overlapping the site header while scrolling.

[!] Fixed a filter reset that happened 3 seconds after selection.

[+] Added the option to disable the add-on on the mobile version of the site.

v1.2.2 from 2023-09-05

[+] The add-on was standardized.

v1.2.1 from 2023-08-24

[*] The filter apply button position on UniTheme2 was adjusted relative to the Y coordinate.

v1.2.0 from 2023-08-23

[*] The module was adapted for AB: UniTheme2.

v1.1.2 from 2023-08-17

[!] The product count preview while selecting a filter was fixed.

v1.1.1 from 2023-08-15

[!] Fixed an error when setting the first corner background color.

v1.1.0 from 2023-08-15

[*] Changed color settings and added a color picker.

[*] Language variables were moved out of the schema into the translation file.

[*] Short open tags ` v1.0.1.

[*] 15.05.2023.

[+] Licensing was added.

v1.0.0 from 2023-04-27

[+] First release.

Legend:

[+] Added

[-] Removed

[*] Changed

[!] Bug fixed

Reviews
Бортникова Светлана
Отличный модуль! Фильтры теперь применяются по кнопке "Применить", а не сразу. Это ускорило работу сайта и упростило выбор параметров. Покупатели могут выбрать несколько фильтров подряд без лишних перезагрузок. Рекомендую!
Anonymous
Очень удобно! Раньше при каждом клике по фильтру страница перезагружалась. Теперь можно выбрать все нужные параметры и нажать "Применить" один раз. Нагрузка на сервер снизилась, покупателям стало удобнее. Настройка цветов кнопки простая.
Similar add-ons