Телеграм: @camouf_ru Почта: mihail@bazarow.ru

Применение умного фильтра при выборе параметра, без AJAX

Внимание! все сообщения проходят премодерацию. Ваше сообщение появится после проверки
Ответить
RSS
Применение умного фильтра при выборе параметра, без AJAX, Применение фильтра на лету, в каталоге битрикс, без использования AJAX
 
Что бы сделать автоматическое применение фильтра достаточно немного jqery
Суть в том, что бы кнопка "Применить" нажималась сама при изменении параметра.

Под каждый параметр добавляем скрипт
Код
<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/
Ответить
Форма ответов
 
Текст сообщения*
Перетащите файлы
Ничего не найдено
 
Заметки разработчика

Примерно с 2013-го года пишу, короткие и не очень, заметки по разработке сайтов на Битрикс. Возможно, будут полезны кому-то еще. Во всех заметках есть возможность комментирования и обсуждения. Вы можете задавать уточняющие вопросы прямо там- отвечаю или дополняю заметки по возможности.

Заказaть разработку Заказы не принимаются до 15 января 2022 attention