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

Моментальная фильтрация на AJAX в умном фильтре 1С-Битрикс

Просмотров: 24577

При штатной установке, интернет-магазина на 1С Битрикс, умный фильтр по товарам, показывает колличество найденных товаров. От пользователя требуется дополнительное действие- нажать на кнопку "Показать"

Если мы хотим, что бы фильтрация происходила на лету, причем с постоянным отбором параметров, достаточно включить несколько опций.

Данный функционал, штатно, входит в 1С-Битрикс. Но почему-то не все о нем знают, потому решил написать эту заметку- авось кому то пригодится

Включение фильтрации на AJAX

Итак: у нас есть готовый магазин, в каталоге выведен умный фильтр. Для включения моментальной фильтрации: проходим в настройки компонента и находим следующие параметры

  • Включить режим AJAX: собственно, включает режим
  • Включить прокрутку к началу компонента: Опционально, на фильтр не влияет. Но рекомендую не включать, для удобства пользователей (смотри в видео)
  • Включить эмуляцию навигации браузера: Опционально, на фильтр не влияет. Но рекомендую включать, для удобства пользователей (смотри в видео)
  • Мгновенная фильтрация при включенном AJAX: собственно, включает фильтрацию

У кого нет таких параметров в каталоге: Скорее всего они отсутсвуют в параметрах вашего шаблона каталога. Включить можно, открыв шаблон section.php вашего каталога и добавив/отредактировав параметры:

Основные
"AJAX_MODE" => "Y",
"INSTANT_RELOAD" => "Y" //Это указываем у фильтра

Опциональные
"AJAX_OPTION_JUMP" => "N",
"AJAX_OPTION_HISTORY" => "Y",

В идеале, скопировать файл parametrs.php из штатного шаблона каталога (на свой страх и риск, я не знаю модель построения вашего каталога, потому возможны ошибки)

Более наглядно, смотрите в видео. Умный фильтр с AJAX в 1C-Битрикс.

Василий Крохин 13.08.2018
задравствйте, а если нет такого  пункта Мгновенная фильтрация при включенном AJAX:

что делать?
Михаил Базаров 13.08.2018
Цитата
Василий Крохин пишет:
"INSTANT_RELOAD" => "Y"
"INSTANT_RELOAD" => "Y"  в настройках фильтра
Василий Крохин 01.09.2018
Цитата
Михаил Базаров пишет:
Цитата
Василий Крохин пишет:
"INSTANT_RELOAD" => "Y"
"INSTANT_RELOAD" => "Y" в настройках фильтра
не хочет по чему то работать! :(
Дмитрий Шкуренко 24.06.2019
А как сделать, чтобы еще и сортировка не слетала, да еще и изменение сортировки, не сбрасывало фильтр?
Artur Minasyan 04.07.2019
Hi Михаил. Thank you so much! You are doing nice job. Big thumbs up! Sorry if I waste you're server space  :D  but I want to say thank you!
YA_17839337 13.12.2020
Здравствуйте, Михаил. Во первых спасибо за видео, очень помогли разобраться с Битрикс.
Пытаюсь сделать магазин, взял за основу вашу заготовку Все отлично работает, но столкнулся с одной проблемой, победить которую никак не могу.

Малая корзина на AJAX - все отлично, включаю AJAX для Умного фильтра, все фильтруется, однако при добавлении товара в корзину, ajax отрабатывается но иконка загрузки не пропадает. При добавлении следующего товара, появляется еще одна иконка и тд. Если отключить ajax умного фильтра все работает нормально.

Также я вывел на главную товары с помощью catalog.section и там такая же история - ajax отрабатывает, иконка загрузки продолжает висеть

В шаблонах практически ничего пока не менял, только добавил немного разметки.
Не моли бы подсказать в чем может быть проблема? Я перепробовал массу вариантов, не могу понять где возникает конфликт.
YA_17839337 13.12.2020
Здравствуйте, Михаил.
Пытаюсь сделать магазин, взял за основу вашу заготовку Все отлично работает, но столкнулся с одной проблемой, победить которую никак не могу.

Малая корзина на AJAX - все отлично, включаю AJAX для Умного фильтра, все фильтруется, однако при добавлении товара в корзину, ajax отрабатывается но иконка загрузки не пропадает. При добавлении следующего товара, появляется еще одна иконка и тд. Если отключить ajax умного фильтра все работает нормально.

Также я вывел на главную товары с помощью catalog.section и там такая же история - ajax отрабатывает, иконка загрузки продолжает висеть

В шаблонах практически ничего пока не менял, только добавил немного разметки.
Не моли бы подсказать в чем может быть проблема? Я перепробовал массу вариантов, не могу понять где возникает конфликт.
Guest 23.06.2021
Не работает ваш вариант.
Мгновенной фильтрации нет в настройках компонента, вообще не понимаю откуда она появляется. На разных сайтах на Битриксе ставлю чистый компонент Умного фильтра и там нет такой настройки.
Данный код прописываю вручную в компоненте Умного фильтра и ничего не работает. Фильтр срабатывает только по кнопке "Показать":
"AJAX_MODE" => "Y",
"INSTANT_RELOAD" => "Y"
Михаил Базаров 23.06.2021
Цитата
Guest пишет:
Не работает ваш вариант.
Мгновенной фильтрации нет в настройках компонента, вообще не понимаю откуда она появляется. На разных сайтах на Битриксе ставлю чистый компонент Умного фильтра и там нет такой настройки.
Данный код прописываю вручную в компоненте Умного фильтра и ничего не работает. Фильтр срабатывает только по кнопке "Показать":
"AJAX_MODE" => "Y",
"INSTANT_RELOAD" => "Y"
Это нужно указывать не у фильтра а у комплексного компонента каталога или раздела каталога, смотря в каких условиях делаете эту фильтрацию.
Алексей 17.01.2022
Скажите, а в режиме ajax возможно ли как-то вручную редактировать параметры мета-тегов title, description  и т.д.?

Записная книжка разработчика

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

Изменить размер картинок на лету в битрикс Просмотров: 46732 Встала задачка: на собственном сайте, уменьшить размер превьюшек картинок у анонсов раздел... Подключение jquery из ядра битрикс и объединение своих скриптов в оди... Просмотров: 19696 Если используете большое количество js скриптов на сайте. Например: фансибокс, всяческие г... Привязка к разделам в компоненте "Добавления элементов пользователем" Просмотров: 12032 В системе управления 1С Битрикс есть компонент "Форма добавления / редактирования" - котор... Вывести артикул в печатную форму бланка заказа Просмотров: 350 Задача: в печатную форму бланка заказа добавить артикулы товаров и данные о пользователе. ... Данные о заказе текущего пользователя Просмотров: 12868 Иногда нужно получить данные о заказе текущего пользователя. Не через компонент, а непосре... Рассылка новинок каталога в автоматическом режиме Просмотров: 1145 Что бы реализовать рассылку новинок каталога на email-ы пользователей, можно воспользовать... Пошагово получить информацию о заказах и сохранить как Excel (xls) Просмотров: 505 Задача: Нужно получить информацию о заказах с возможностью указания даты создания "от"" и ... Заполнить картинки разделов каталога из картинок товаров Просмотров: 324 Задача: в каталоге, разделы и подразделы выводятся в виде плитки над товарами, с картинкам... Добавить свойство в административную форму заказа Просмотров: 2770 Задача, кастомизировать административную форму заказа: добавить свойство заказа в шапку фо... Установка вебсервера на Apple M1 (нативный ARM стек), оптимизированны... Просмотров: 6114 Появилась задачка, установить стек MAMP (macOS, Apache, MYSQL, PHP) на рабочий ноутбук с п... Получение местоположений через API Битрикс c поиском по select. Просмотров: 21257 Если нужно получить список городов из модуля "Местоположения" можно воспользоваться API Би... Вывести список всех пользователей с необходимой информацией Просмотров: 24030 Если нужно, на какой-либо странице сайта, вывести всех пользователей из группы "Зарегистир... Кастомизация компонента восстановления пароля bitrix:system.auth.forg... Просмотров: 24735 Достаточно часто спрашивают как кастомизировать компонент восстановления пароля пользовате... Регистрация пользователя в определенную группу сайта на Битрикс Просмотров: 22043 Достаточно часто требуется регистрировать пользователя в определенную группу, в зависимост... Дать пользователю возможность быстро отредактировать материал Просмотров: 4343 На одном из разрабатываемых сайтов, пользователи формирую его контент. После регистрации, ... Снять ограничение на количество символов в комментарии к заказу магаз... Просмотров: 11506 Как многим известно, в интернет-магазине на Битрикс имеется ограничение на количество симв... Создать pdf файл из элемента инфоблока, дать скачать пользователю, по... Просмотров: 3900 Задача: при каждом посещении статьи, на сайте, нужно создавать pdf файл с ее содержимым и ... Получить множественное пользовательское поле раздела. Значения множес... Просмотров: 341 Задача: У разделов инфоблока есть множественное поле типа список. Зная ID раздела, нужно п... Memcached на сайте под управлением битрикс, при использовании Веб Окр... Просмотров: 6908 Если вам важна скорость отдачи сайта, а у вашего сервера медленный диск для использования ... Denwer c PHP 7.1.8 и MYSQL 5.7 оптимизированный для Битрикс Просмотров: 29478 В последнее время, все чаще приходиться работать на Windows, хотя и не люблю эту ОС- с точ...