Что бы сделать автоматическое применение фильтра достаточно немного jqery
Суть в том, что бы кнопка "Применить" нажималась сама при изменении параметра.
Под каждый параметр добавляем скрипт
Суть скрипта:
- При изменении текущего параметра (с id #<?= $arItem['КОД ПАРАМЕТРА']; ?>)
- Происходит клик по элементу с классом .set_filter (который у кнопки "Применить", класс можете назвать по своему)
- К элементу с классом .over_loading_filter добавляется класс .over_loading_filter_db
Элемент over_loading_filter не обязательный, просто для красоты. В него помещаем картинку gif или svg с "индикатором загрузки" и размещаем по центру страницы
(тут уже моменты чисто оформительские).
Нужно, что бы показать пользователю что что-то происходит.
У .over_loading_filter {display:none}
У .over_loading_filter_db {display:block}
Пример работы https://dvs-ok.ru/catalog/dvigatel_i_k...uyushchie/
Суть в том, что бы кнопка "Применить" нажималась сама при изменении параметра.
Под каждый параметр добавляем скрипт
| Код |
|---|
<script>
$("#<?= $arItem['CODE']; ?>").change(function () {
$('.over_loading_filter').toggleClass('over_loading_filter_db2');
$('.set_filter').click();
});
</script> |
Суть скрипта:
- При изменении текущего параметра (с id #<?= $arItem['КОД ПАРАМЕТРА']; ?>)
- Происходит клик по элементу с классом .set_filter (который у кнопки "Применить", класс можете назвать по своему)
- К элементу с классом .over_loading_filter добавляется класс .over_loading_filter_db
Элемент over_loading_filter не обязательный, просто для красоты. В него помещаем картинку gif или svg с "индикатором загрузки" и размещаем по центру страницы
(тут уже моменты чисто оформительские).
Нужно, что бы показать пользователю что что-то происходит.
У .over_loading_filter {display:none}
У .over_loading_filter_db {display:block}
Пример работы https://dvs-ok.ru/catalog/dvigatel_i_k...uyushchie/