Бывает так, что пользователю нужно отфильтровать ассортимент интернет‑магазина по своим собственным, довольно узким критериям. Это уже не стандартная сортировка, а подбор по диапазону цен, бренду, размерам, наличию, конкретным характеристикам. Реализовать такой функционал помогает умный фильтр Битрикс по товарам и разделам (компонент bitrix:catalog smart filter): в этой статье разберем, что это за инструмент, как он работает и как его правильно настроить.
Общее представление
Это многофункциональный инструмент, встроенный в платформу 1С‑Битрикс. Он позволяет динамически формировать контент на странице без полной перезагрузки, за счёт чего каталог работает быстрее и удобнее для посетителей.
Механизм подбора по параметрам гибко настраивается под задачи администратора или разработчика: можно выбирать, по каким свойствам и в каком виде выводить элементы фильтра.
- Более глубокий запрос. Фильтрация позволяет пользователям делать точный и узконаправленный поиск по категориям и атрибутам: цене, размеру, цвету, бренду, материалу и т.д. В результате человек быстрее и проще находит подходящие варианты.
- Гибкая настройка параметров. Администраторы могут создавать свои наборы атрибутов и характеристик, которые действительно важны для целевой аудитории, а не ограничиваться базовым набором.
- Динамическое обновление. Результаты подбираются и пересчитываются «на лету» — посетитель сразу видит только те позиции, которые соответствуют его запросу.
- Удобный интерфейс. Фильтрация осуществляется через чекбоксы, ползунки, выпадающие списки и другие привычные элементы управления — разбираться в этом может даже не самый опытный пользователь.
Специфика умного фильтра
Bitrix Smart Filter — функционал «из коробки»: для его использования не нужно ставить дополнительные модули. Но работа с ним всё равно имеет ряд нюансов и требует базового понимания структуры каталога и свойств инфоблоков.
- фильтрация работает по всему каталогу с учётом выбранных параметров;
- поддерживаются торговые предложения (SKU);
- можно учитывать наличие товара;
- отображается количество найденных позиций под каждым пунктом;
- есть возможность настраивать ЧПУ для отфильтрованных страниц;
- поддерживается AJAX‑подгрузка данных без полной перезагрузки страницы.
Как работает умный фильтр
Основная техническая особенность Smart Filter в Битрикс — использование фасетных индексов. Это специальная структура данных, в которой по каждому свойству хранится «обратный» список элементов. Благодаря этому система быстро находит только те товары, которые соответствуют заданному диапазону или набору значений, без перебора всего каталога.
Это в значительной степени ускоряет процесс загрузки страниц.
- Администратор определяет набор атрибутов и характеристик, по которым можно фильтровать: цена, бренд, цвет, размер и т.д.
- Эта информация индексируется и сохраняется в фасетном индексе базы данных.
- Пользователь на сайте настраивает фильтр под себя: отмечает нужные значения и диапазоны.
- Механизм подбора применяет выбранные условия к индексу и формирует набор подходящих ID товаров.
- Каталог выводит только те позиции, которые удовлетворяют условиям, страница при этом может обновляться частично (через AJAX).
Настройка умного фильтра товаров Битрикс
- инфоблоки каталога;
- ЧПУ и шаблоны URL;
- свойства, участвующие в фильтрации;
- параметры компонента каталога и смарт‑фильтра.
Больше информации об этом можно почитать в официальном руководстве. Подробнее остановимся на основных шагах.
Настройка инфоблока
Для начала настроим урл. Делается это так: «Контент» → «Типы блоков» → «Каталог» → категория товара, которая релевантна нам. В первой вкладке (как правило, «Поля» или «Настройки URL») настраиваются следующие элементы:
- #SITE_DIR# – папка сайта;
- /catalog/ – комплексный компонент Битрикс фильтра;
- #SECTION_CODE# – переменная с кодом раздела;
- #ELEMENT_CODE# – транслитерированное название элемента.
Для автоматического формирования ЧПУ во вкладке «Поля» лучше сразу включить генерацию кодов элементов и разделов (транслитерацию) и задать шаблоны, если они нужны. Это важно и для SEO, и для удобства пользователей.
Свойства инфоблока для фильтрации
Следующий шаг — определить, какие параметры будут доступны в форме подбора. Найти нужный инфоблок можно по пути, аналогичному показанному выше, и перейти в раздел «Свойства».
Здесь вы можете:
- задать набор параметров: цвет, размер, цена, количество, акции и т.п.
- включаете или выключаете отображение свойства;
- задаете человекопонятное название пункта фильтра;
- выбираете тип свойства (строка, список, число, привязка к элементам и т.д.);
- можете включить множественный выбор, обязательность заполнения, тип сортировки;
- прописываете символьный код.
Именно здесь важно сразу продумать SEO‑часть: символьные коды свойств, которые будут попадать в ЧПУ, лучше задавать транслитом. Так вы получите человекопонятные URL‑адреса вида /catalog/krossovki/filter/brand-nike/color-white/ вместо набора непонятных символов. Это упрощает работу поисковых систем и повышает доверие пользователей.
Читайте также
SaaS: что это за сервис, примеры моделей продаж для бизнеса
Настройка компонента каталога и умного фильтра
Вносить изменения в этот раздел нужно в визуальной части сайта, в режиме правки. Это делается прямо на страницах, в административную панель заходить не придется. Открыли нужный режим, далее в параметрах bitrix:catalog находим «Управление адресами страниц» → «Url раздела для умного фильтра» – тут мы может увидеть наши урлы с учетом примененных к ним настроек. Для правильного формирования ЧПУ, логика должна быть такой #SECTION_CODE#/filter/#SMART_FILTER_PATH#/.
- #SECTION_CODE# – раздел фильтрации;
- #SMART_FILTER_PATH# – алгоритм пути;
- /filter/ – директива для идентификации запрашиваемого адреса.
Если ранее все было сделано правильно, url страницы будет отображаться вот так:
/catalog/bytovaya-tehnika/filter/brand-bosch/price-ot-20000-do-40000/
Использование AJAX в смарт фильтре Битрикс
AJAX‑режим позволяет обновлять только блок с товарами, а не всю страницу целиком. Это ускоряет работу каталога и делает взаимодействие комфортнее для пользователя.
- В параметрах компонента bitrix:catalog.smart.filter активируйте режим AJAX.
- Включите опцию «Мгновенная фильтрация» (или аналогичную, в зависимости от версии).
После этого логика станет такой: пользователь задает параметры → на сервер уходит лёгкий AJAX‑запрос → возвращаются только данные по товарам → блок каталога перерисовывается без полной перезагрузки страницы.
Пример подключения
Подключить интеллектуальную фильтрацию можно, используя одну из трех тактик:
- через набор типовых компонентов каталога (bitrix:catalog и вложенный bitrix:catalog.smart.filter);
- в визуальном редакторе страницы, добавив компонент через интерфейс;
- в шаблоне сайта, вставив вызов компонента в нужное место PHP‑кода.
В большинстве случаев достаточно использовать стандартный набор: фильтр выводится в левой колонке или над списком товаров и работает в связке с компонентом каталога.
Отображение и кастомизация свойств
Параметры, участвующие в фильтрации, могут отображаться по‑разному. То, как будет выглядеть умный поиск снаружи, напрямую зависит от типа свойства и его настройки. Например:
- строка;
- список;
- число;
Выглядеть это может так.
Шаблон компонента фильтра можно доработать под дизайн и UX вашего магазина: изменить верстку, добавить иконки, свернуть редко используемые свойства по умолчанию.
Ускорение работы умного фильтра в Bitrix
На скорость влияет фасетный индекс. Суть его функционирования немного похоже на кэширование. Все содержимое каталога единоразово индексируются в фасет и фильтрация производится по нему. Таким образом, работа ускоряется в 3-4 раза.
Включить его можно здесь:
- в настройках инфоблока активируйте использование фасетного индекса;
- при создании новых инфоблоков индекс нужно строить заново;
- Битрикс обычно сам подсказывает, когда требуется пересоздать индекс.
- после массовых изменений в каталоге;
- при добавлении или изменении свойств, участвующих в фильтрации;
- после крупной выгрузки/обновления данных из 1С.
Особенности ЧПУ и SEO‑оптимизации
Ранее мы уже говорили о том, какие настройки необходимо выполнить, чтобы урл страниц формировался правильно.
- слова на кириллице в URL могут отображаться в виде закодированной строки, если не настроена транслитерация;
- путь, формируемый системой подбора, иногда получается слишком длинным, с множеством служебных сегментов;
- по умолчанию сложно гибко задавать canonical‑теги для отфильтрованных страниц;
- в URL могут появляться лишние директивы вроде /apply/;
- на отфильтрованных страницах стандартными средствами нельзя задать уникальные заголовки и тексты;
- при интеграции с 1С в качестве кода свойства может использоваться xml_id, что даёт нечитаемые адреса, например: /filter/bed_obivka-is-e3881c5ecfc6d4f8650892f7bdb2f0c2/.
Решить эти задачи помогают специализированные модули, например «Инструменты SEO специалиста» или Sotbit seo meta для умного фильтра Bitrix.
- быстро прописывать мета‑теги (title, description, keywords) для комбинаций фильтра;
- задавать шаблоны заголовков и H1;
- управлять хлебными крошками и canonical‑ссылками;
- настраивать человекопонятные URL‑адреса;
- формировать карту сайта и смотреть статистику по SEO‑страницам.
Такие модули серьезно экономят время SEO‑специалиста, разработчика и контент‑менеджера: многие действия выполняются массово и в пару кликов.
Читайте также
22 трекера задач для управления и организации работы сотрудников
Заключение
В статье мы рассказали, как добавить и настроить умный фильтр товаров в Битрикс, чтобы ваш интернет магазин стал более удобным для покупателей. Но не стоит забывать, что любые готовые решения имеют ряд нюансов и для работы с ними нужен опыт и практические знания. Поэтому даже имея на руках информацию, лучше обратиться к специалистам по Bitrix 1С.
Вопросы – ответы
Это механизм, который позволяет посетителям сайта оперативно находить нужные товары или материалы по заданным параметрам — например, по цене, бренду, категории или характеристикам. Он повышает удобство просмотра и помогает пользователю быстрее перейти к тому, что он ищет, что улучшает опыт взаимодействия с ресурсом.
Такой фильтр особенно полезен в интернет-магазинах, где представлено много товаров или материалов с различными характеристиками. Он помогает сузить результаты, исключить ненужные позиции и сэкономить время посетителю — это особенно важно при большом ассортименте.
Сначала необходимо подготовить свойства товаров или элементов, по которым будет происходить отбор — например, размер, цвет, цена. Затем в административной панели необходимо подключить компонент фильтра и связать его с нужным разделом каталога.
Важно ориентироваться на логику поиска посетителей: какие характеристики чаще всего влияют на выбор товара и какие значения задает аудитория. Эти критерии должны быть релевантными и удобными в использовании, чтобы человеку не приходилось пролистывать лишние опции или искать нужные настройки в другом месте.
Помимо основных параметров, можно добавить диапазоны значений (например, цена «от» и «до»), чек-боксы для множественного выбора, сортировку по популярности и отзывам, а также адаптивное отображение на мобильных устройствах. Такие элементы делают процесс отбора более гибким и интуитивным.
