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

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

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

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

Базовая защита "Битрикс виртуальная машина" от DDoS атак. Просмотров: 5856 Данный способ защиты не панацея, и скорее всего не спасет от профессиональной DDoS атаки, ... Вывести информацию, только на первом уровне раздела каталога, в 1С-Би... Просмотров: 5561 Задача: на сайте, в каталоге, выводится два фильтра - боковой и верхний. Оба компонента по... Адаптивное гамбургер меню для битрикс Просмотров: 15139 Заметка коротенькая, но решил оставить ее - так как самому часто нужно нечто подобное. В а... Получение доступа к железу устройства из Битрикс мобильное приложение Просмотров: 6297 Документация к мобильному приложению 1С-Битрикс очень куцая. В основном описывает функцион... Настройка выгрузки товаров в Яндекс Маркет с сайта Битрикс Просмотров: 37972 Настройка выгрузки в Яндекс маркет в формате yml, выполняется достаточно просто, кроме одн... Индивидуальные цены в 1С-Битрикс: в каталоге и при оформлении заказа Просмотров: 6055 В этой заметке постараюсь описать процесс реализации индивидуальных цен, для пользователей... Автоматически отгрузить заказ и сменить статус отгрузки, при выполнен... Просмотров: 950 Проблема: Заказы, на сайте, обрабатываются только в 1С. При этом 1С не работает с отгрузка... Cordova, ввод в input под диктовку. Голосовой поиск в мобильном прило... Просмотров: 1608 Итак, задачка: реализовать голосовой поиск в мобильном приложении на Cordova. По сути, нам... Создание мобильного приложения на cordova, для любого сайта. Просмотров: 15874 Если стоит задача разработки мобильного приложения для сайта, можете воспользоваться данно... Пункты меню из разделов инфоблока Битрикс Просмотров: 93234 В принципе это стандартная возможность системы управления битрикс, но почему-то часто спра... Вывести все товары, с постраничной навигацией, из всех разделов инфоб... Просмотров: 29884 По сути, эта заметка, небольшой лайфхак. Достаточно часто нужно, в корне каталога, в ТОП-е... Дополнительные параметры в меню Битрикс Просмотров: 20769 Иногда нужно присвоить какой-то функционал к конкретному пункту меню в битрикс. Например о... Если папка то применяем...в Битрикс Просмотров: 30407 Бывает, стоит задача применить какой-либо стиль или вывести конкретный кусочек кода для ди... Отфильтровать новости в Битрикс за заданный период Просмотров: 16690 Иногда, нужно отфильтровать элементы (новости например) по дате в Битрикс, с помощью компо... Если предложение SKU в корзине, поменять кнопку добавления на "В корз... Просмотров: 3881 Данная заметка является дополнением к ранее опубликованной: Есл... Установка веб-сервера LAMP на ubuntu 20.04 LTS, оптимизированный под ... Просмотров: 12750 В последнее время, плотно пересел c macOS на ubuntu, и решил настроить себе полноценное ра... Ленивая подгрузка картинок в компоненте, на vue js Битрикс Просмотров: 10348 Если на одну страницу сайта выводится большое количество картинок, которые могут долго под... XML в формате Commerce ML-2, города России и Мира, для выгрузки в инф... Просмотров: 6961 Подвернулась задачка, создать инфоблок для Битрикс, в котором будут просто города России и... Увидеть файл заказов который передаст Битрикс в 1С Просмотров: 24492 Для диагностики обмена заказов, интернет-магазина на 1С Битрикс с 1С Управление Торговлей,... Умный фильтр только на последнем уровне разделов каталога. Просмотров: 11682 Если в разработаываемом магазине или в принципе в каталоге на Битрикс, вы выводите умный ф...