Умный фильтр в 1С Битрикс: Полное руководство

Введение в умный фильтр

Когда ассортимент в магазине переваливает за пару сотен позиций, листать каталог в поисках нужного размера или нужного бренда — сомнительное удовольствие. И вот тут появляется он — умный фильтр, локальный навигатор в мире товаров. 

Встроенный компонент платформы 1С‑Битрикс рисует пользователю наглядную форму, где можно задать параметры по вкусу — и получить только то, что действительно актуально. Всё — прямо на странице, без лишних переходов. Пользователь доволен, время не теряется, вероятность покупки — вверх. Работает, как говорится, по делу.

Общая концепция умного фильтра

Что такое умный фильтр?

Перед нами не плагин, не модуль, а вполне самостоятельный механизм, прописанный в платформе 1С‑Битрикс. Его задача — отфильтровать элементы инфоблока по заданным критериям. Прямо в каталоге появляется форма с параметрами: чекбоксы, списки, диапазоны. Пользователь жмёт — и видит результат без обновления страницы.

Список того, с чем работает компонент, выглядит так:

·       инфоблоки со структурой данных;

·       свойства товаров (да, те самые «цвет», «бренд», «материал»);

·       торговый каталог с ценами и остатками;

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

Фильтр товаров и Битрикс не тормозит. Даже в корне каталога с тысячами позиций всё отрабатывается быстро. Как? За счёт фасетного индекса.

Специфика умного фильтра

Фасетный индекс — сердце всей конструкции. Это не громоздкая база, а компактный набор связей между параметрами. За счёт этого поиск ускоряется, а страница не превращается в медленный слайдшоу.

Администратор получает настройки без погружения в код:

·       фильтр можно разместить в любом месте сайта;

·       задаётся внешний вид: горизонтальный, вертикальный, с раскрытием, с прокруткой;

·       настраиваются адреса ЧПУ;

·       можно скрыть позиции, которые неактуальны по текущему набору условий;

·       отображается количество найденных товаров — прямо рядом с параметром.

Для покупателя — всё прозрачно. Например:

·       ставит галочку на «чёрный цвет» — сразу остаются только чёрные;

·       тянет ползунок цены — в выдаче только те, что в пределах бюджета;

·       комбинирует фильтры — и получает результат, который не придётся чистить вручную.

А ещё есть списки со сворачиванием, «ещё» и «показать всё», опции с иконками, выпадающие списки. Всё для того, чтобы фильтр не просто работал, а выглядел прилично и не мешал глазам. Компонент умный не только в названии — он реально понимает, что нужно пользователю, и не грузит лишним.

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

 

Как работает умный фильтр

Умный фильтр в Битриксе — это не какая-то магия из мира e-commerce, а вполне конкретный механизм, который собирается из свойств инфоблоков и данных каталога. Система сама рисует интерфейс с доступными для выбора параметрами, а дальше всё крутится вокруг одного сценария: пользователь выбирает, система подставляет в URL фильтры и без паузы выдаёт актуальные результаты. Причём ссылка остаётся рабочей — можно сохранить, отправить коллеге или добавить в избранное. Под капотом — фасетный индекс, именно он экономит ресурсы и не даёт серверу задыхаться под запросами.

Настройка умного фильтра

Здесь начинается самое интересное. Чтобы фильтр вообще заработал, нужно сначала рассказать системе, с чем работать. В ход идут:

·       инфоблоки с нужной структурой;

·       свойства элементов — от ценника до цвета и наличия;

·       правила ЧПУ и символьные коды;

·       настройки визуальной части — где и как фильтр будет отображаться.

Всё это прописывается в админке. На первом этапе определяется, какие параметры действительно должны попасть в фильтр. Это может быть бренд, стоимость, материал, складской остаток — всё, что имеет значение для покупателя. Дальше — настройки адресов. Активируется режим ЧПУ, прописываются символьные коды, чтобы в адресной строке появлялось не нечто вроде ?arrFilter_37_1202610661=Y, а нормальный человекочитаемый путь. И это, кстати, хорошо для SEO.

Использование AJAX в смарт‑фильтре

AJAX тут не для галочки. Он позволяет фильтру работать по-настоящему быстро. Пользователь кликает, страница не перезагружается — всё происходит на лету. Это значит:

·       фильтр становится частью интерфейса, а не отдельной сущностью;

·       нет лишних переходов и вспышек загрузки;

·       новые карточки появляются без ожидания.

Чтобы всё это заработало, нужно просто включить пару галочек в настройках: «Мгновенная фильтрация» и режим AJAX. После этого система обновляет только нужные блоки — те, где действительно поменялись данные.

Пример подключения умного фильтра

На стороне разработчика — минимум действий. Фильтр подключается перед блоком с товарами. Используется компонент bitrix:catalog.smart.filter, в котором задаются базовые параметры:

·       тип и ID инфоблока;

·       раздел каталога для применения фильтра;

·       имя фильтрующего массива;

·       структура ссылок и параметры ЧПУ;

·       визуальные настройки — цвет, расположение, способ отображения.

После подключения компонент начинает отрабатывать сам: как только пользователь меняет параметры, система выдаёт новые результаты. Никаких скриптов вручную, никаких обновлений вручную — всё работает по схеме «выбрал — получил». Это не просто фильтр, а рабочий инструмент, который реально экономит время и добавляет магазину удобства.

Если задачу нужно реализовать на действующем проекте, изучите услугу «разработка интернет-магазина на 1С-Битрикс».

Параметры фильтрации

Фильтр в 1С‑Битрикс — не просто галочки наобум. Это довольно точный инструмент, который можно собрать под любую задачу: от банального «покажи только зелёные» до «найди всё из хлопка с ценой ниже средней по категории». Система даёт свободу в выборе — какие поля участвуют в отборе, какие свойства подгружаются, как работают параметры каталога. Всё это превращает фильтр в адаптивный механизм, который подстраивается под структуру магазина.

Поля для фильтрации

Стандартные поля элементов инфоблока

Базовый уровень. Это всё, что заложено в элемент по умолчанию:

·       название и символьный код;

·       дата создания и ID;

·       код и ID раздела;

·       статус активности.

Такие поля можно использовать для грубой сортировки. Например, выводить только элементы из определённого раздела или фильтровать по дате создания. Полезно, когда нужно построить выборку не по пользовательским характеристикам, а по системной логике.

Свойства элементов (PROPERTY_)

А вот тут начинается свобода творчества. Свойства — основа любой гибкой фильтрации. Они задаются в инфоблоке и превращаются в те самые чекбоксы и ползунки, которые видит покупатель.

Свойства могут быть:

·       строковыми (например, страна производства);

·       числовыми (ширина, вес, длина);

·       списочными (цвет, материал, сезонность);

·       привязанными к справочникам (категория, линейка, коллекция).

Администратор решает:

·       выводить ли это свойство в фильтр;

·       разрешить ли множественный выбор;

·       как сортировать пункты в списке;

·       как визуализировать — списком, цветными метками, переключателями.

То есть, можно задать структуру фильтра на свой вкус, оставив в нём только то, что важно для пользователя.

Параметры торгового каталога

Если сайт работает с модулем «Каталог», то фильтр прокачивается дополнительными возможностями. Тут появляются коммерческие параметры:

·       наличие на складе;

·       фильтрация только по товарам в продаже;

·       выбор нужного типа цены (розница, опт, акционные);

·       единая валюта при отображении;

·       выборка по торговым предложениям (SKU).

Такая настройка позволяет исключить товары, которые нельзя купить, и не мешать пользователю тем, что недоступно. Особенно это ценно в магазинах с динамическими остатками, скидками и десятками модификаций одного товара.

Сложные условия фильтрации

Иногда одного параметра мало. Пользователь хочет сразу и определённую цену, и нужный цвет, и конкретный бренд. Фильтр спокойно справляется с таким сценарием: он объединяет выбранные параметры и отдает результат, который проходит по всем условиям.

Можно настраивать логику объединения условий:

·       связка И (товары должны соответствовать всем параметрам);

·       связка ИЛИ (достаточно соответствия хотя бы одному пункту).

Кроме того, можно подключить префильтры — заранее заданные условия, которые не видны пользователю, но всегда срабатывают. Например:

·       скрыть архивные товары;

·       убрать из выдачи временно недоступные категории;

·       ограничить выборку по региону.

Всё это задаётся в коде или через массивы параметров и позволяет выстроить собственную систему отбора — даже если она завязана на внутренние бизнес‑процессы.

Настройки отображения умного фильтра

Фильтр может быть не только полезным, но и аккуратным. От внешнего вида и расположения зависит, насколько охотно посетитель начнёт им пользоваться. В 1С‑Битрикс компонент умеет быть скромным, интерактивным или нарочито подробным — всё настраивается под структуру каталога и поведение аудитории. Администратор управляет визуалом фильтра прямо из интерфейса, без сложных сценариев или вёрстки вручную.

Вид в умном фильтре

Разные свойства требуют разного подхода. Где‑то подойдёт чекбокс, где‑то ползунок, а где‑то — выпадающий список. В настройках можно выбрать:

·       стандартные чекбоксы — для цвета, бренда, материала;

·       переключатели — когда вариант должен быть только один;

·       выпадающие списки — для длинных перечней;

·       ползунки — для числовых диапазонов, особенно цен;

·       списки со множественным выбором — например, для подбора нескольких брендов.

Есть возможность расставить порядок отображения, чтобы важные свойства были выше, а менее значимые — ниже. А ещё можно формировать разные конфигурации фильтра для отдельных разделов — например, в одежде показывать размер и сезон, а в технике — мощность и диагональ.

Подсказки и развёртывание

Когда фильтр насыщен параметрами, не каждый пользователь сразу поймёт, что к чему. Поэтому для каждого свойства можно добавить текстовую подсказку — она будет появляться рядом, ненавязчиво объясняя, зачем нужен тот или иной пункт. Особенно это помогает в разделах с техническими характеристиками, где много цифр и терминов.

Другая история — длинные списки. Если в одном параметре десятки значений, блок разрастается и тянет за собой весь фильтр. В новых версиях компонента это решается элегантно:

·       список по умолчанию свёрнут;

·       открывается только по клику;

·       развёртывание может быть анимированным;

·       можно задать, сколько значений показывать сразу.

Это делает фильтр компактным, не нагружает страницу и не раздражает пользователя бесконечным скроллом.

Ползунок цен

Один из самых востребованных элементов — цена. Люди чаще всего начинают выбор именно с бюджета, и компонент это учитывает. В умном фильтре используется интерактивный ползунок:

·       пользователь задаёт минимальное и максимальное значения;

·       границы могут быть ручными или автоматически рассчитанными;

·       отображаются доступные сегменты и недоступные зоны.

В версии 2.0 интерфейс стал удобнее. Ползунок получил цветовую индикацию: доступные ценовые промежутки теперь можно видеть сразу. Это сокращает число ненужных запросов, делает фильтрацию нагляднее и экономит время. Такой подход особенно ценен в больших каталогах, где разброс цен может быть значительным.

Ускорение работы умного фильтра

Скорость — не каприз, а необходимость. Если при каждом клике система начинает задумчиво перебирать весь каталог, пользователь быстро теряет терпение. В 1С‑Битрикс этот момент предусмотрен: умный фильтр опирается на фасетный индекс — особый способ хранения данных, который работает по логике кэша.

Вместо того чтобы каждый раз обращаться ко всем элементам каталога, система заранее собирает данные о товарах и свойствах в отдельную таблицу. Когда запускается фильтрация, запрос идёт именно туда. Результат — меньше времени на обработку, меньше нагрузка на сервер, быстрее отклик.

Есть нюанс: индекс не статичен. Его нужно пересобирать, если:

·       добавляются новые свойства;

·       меняется структура инфоблоков;

·       загружаются данные из 1С или сторонней ERP‑системы.

Процесс запускается из админки и занимает всего пару минут. После этого фильтр снова работает в полную силу — без пауз и перегрузок.

Примеры использования умного фильтра

Фильтр по нескольким условиям

Обычная ситуация: пользователь не просто хочет «что-нибудь из новинок», а сразу задаёт набор параметров. Например:

·       ценовой диапазон — от 3 до 5 тыс. руб.;

·       бренд — конкретный;

·       наличие скидки — да.

Компонент объединяет эти условия и выдаёт только те карточки, которые совпадают сразу по всем пунктам. Это особенно ценно при больших каталогах — выдача становится точной, релевантной и не перегруженной лишними позициями. Не надо листать сотни товаров, достаточно нескольких кликов.

Фильтрация по нескольким свойствам

Если ассортимент подразумевает сложный выбор, фильтр легко справляется и с этим. Например:

·       размер одежды;

·       цвет;

·       материал изделия.

Каждое свойство можно настроить по своему типу:

·       числовые значения — через диапазон;

·       строковые — через списки, переключатели, чекбоксы;

·       справочные — через выпадающие меню или цветовые блоки.

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

Заключение и резюме

Умный фильтр давно перестал быть приятным дополнением к каталогу. Сейчас это — базовый функционал, без которого сложно представить вменяемую навигацию по интернет-магазину. Он помогает покупателю быстро сориентироваться в товарной массе, а владельцу проекта — выстроить структуру, при которой каждый находит то, что ищет.

Компонент справляется с серьёзной нагрузкой: 

·       фасетный индекс снимает лишнее напряжение с сервера;

·       AJAX убирает зависания и дёрганье интерфейса;

·       ЧПУ помогает не только пользователям, но и поисковым системам. 

Всё это — в рамках единого инструмента, который можно настроить под любой сценарий, от минималистичного фильтра в три пункта до сложной структуры с десятками параметров.

Если всё организовано с умом, фильтр работает не просто быстро, а плавно и предсказуемо. И вместо раздражения от бесконечных кликов пользователь получает удобный интерфейс, где каждый шаг логичен. Это напрямую влияет на поведенческие факторы, конверсию и общее восприятие проекта. Фильтр — не декор, а рабочий инструмент, который стоит потратить время на настройку.

Часто задаваемые вопросы

Можно ли использовать умный фильтр без торгового каталога?

Да, фильтр работает с обычными инфоблоками — например, в блоге, галерее, базе знаний. при этом функциональность сохраняется, но часть коммерческих опций (цены, остатки, скидки) становится недоступной.

Зачем нужен фасетный индекс?

Он отвечает за быстродействие. система не перебирает всю базу вручную, а обращается к специальной таблице, где всё уже рассортировано. результат — ускоренная фильтрация даже при больших объёмах данных.

Можно ли настроить свои параметры фильтрации?

Да, администратор сам определяет, какие свойства показывать в фильтре. каждому полю можно задать подпись, тип (список, чекбокс, ползунок) и порядок отображения.

Поддерживает ли фильтр ЧПУ?

Да, компонент умеет формировать чистые и понятные адреса. пользователь видит в url структуру фильтрации, поисковики — семантически точные пути, что даёт плюс в ранжировании.

Как настроить AJAX в фильтре?

В параметрах компонента нужно включить «мгновенную фильтрацию» и активировать AJAX-режим. тогда при выборе параметров страница не обновляется полностью — меняется только блок с товарами. быстрее, плавнее, без раздражающих подгрузок.

Если задачу нужно реализовать на действующем проекте, изучите услугу «поддержка сайта на 1С-Битрикс».