Бывает так, что пользователю необходимо отфильтровать ассортимент в интернет-магазине по своим собственным критериям. И чаще всего это не стандартная сортировка, а более узкая, включающая в себя диапазон цен, модель, конкретные характеристики. В создании такого функционала в вашем магазине поможет умный фильтр Битрикс по товарам и разделам. В статье расскажем, как сделать и настроить catalog smart filter bitrix.
Что это такое
Это многофункциональный инструмент, позволяющий динамически формировать контент на странице, избегая ее обновления, тем самым обеспечивая быструю загрузку. Также он имеет гибкую настройку и кастомизацию, исходя из задач, поставленных перед администратором или разработчиком. Он предназначен для обработки и фильтрации большого объема данных на сайте, созданном на платформе 1С-Битрикс и помогает посетителям уточнять параметры поиска.
Вот основные функции инструмента:
- Более глубокий запрос: такая фильтрация позволяет пользователям осуществлять более точный и узконаправленный поиск по различным категориям и атрибутам товаров или контента на сайте. Он может фильтровать данные по цене, размерам, цвету, бренду и другим характеристикам. Это помогает пользователям найти нужные им товары или информацию быстрее и проще.
- Администраторы сайта получают возможность создавать и настраивать пользовательские параметры для фильтрации. Т.е получится указать собственные наборы атрибутов и характеристик, которые соответствуют потребностям вашей ЦА.
- Динамическое обновление: люди видят актуальную информацию. Им мгновенно отображаются только те варианты, которые соответствуют запросу.
- Удобство – фильтрация осуществляется с помощью чекбоксов, кнопок, выпадающих списков и других элементов управления. Это интуитивно и просто.
Специфика умного фильтра
Bitrix Filter – это встроенный из коробки функционал, то есть чтобы им воспользоваться не нужно устанавливать дополнительные модули или плагины. Тем не менее, работа с ним имеем ряд нюансов и требует опыта и практических знаний.
- работа проводится со всем каталогом, с учетом выбранных параметров;
- есть поддержка торговых предложений;
- существует опция указания на отсутствие товара;
- отображает число найденных позиций;
- имеет возможность настройки ЧПУ для сгенерированных страниц;
- есть подгрузка отфильтрованных данных без обновления.
Как все это работает
Основная особенность Smart Filter Bitrix в том, что он использует фасетные индексы, то есть товары по одному свойству. На примере можно увидеть, что это позволяет получить только те элементы, которые соответствуют заявленному диапазону поиска, без представления всех имеющихся позиций на сайте.
Это в значительной степени ускоряет процесс загрузки страниц.
- Администратор определяет набор атрибутов и характеристик для фильтрации контента на сайте: это могут быть цена, бренд, цвет, размер и т.д.
- Эта информацию собирается и сохраняется в базе данных.
- Пользователь видит на сайте возможности фильтрации, настраивает свой индивидуальный поиск.
- Затем инструмент применяет пользовательские параметры к своей базе.
- Далее он выдает юзеру все позиции, которые соответствуют его запросу, страница обновляется динамически.
Настройка умного фильтра товаров Битрикс
- инфоблоки;
- ЧПУ, шаблоны секций;
- правила фильтрации разделов;
- структура;
Больше информации об этом можно почитать в официальном руководстве. Далее поговорим подробнее про основные.
Настройка инфоблока
Для начала настроим урл. Делается это так: «Контент» → «Типы блоков» → «Каталог» → категория товара, которая релевантна нам. В первой вкладке настроить нужно вот это:
- #SITE_DIR# – папка сайта;
- /catalog/ – комплексный компонент Битрикс фильтра;
- #SECTION_CODE# – переменная с кодом раздела;
- #ELEMENT_CODE# – транслитерированное название элемента.
Для автоматического формирования во вкладке «Поля» ставим галочки:
Свойства инфоблока
Теперь приступим к более детальной настройке. Найти требуемые блоки можно по пути, показанному на скриншоте ниже.
Здесь мы можем задать абсолютно любые параметры фильтрации, будь то цвет, размер, цена, количество, акции и прочее. Выбор зависит от типа товаров и их характеристик, которые будут браться для настройки.
- задать название параметру фильтрации;
- выбрать тип привязки;
- включить или выключить отображение;
- настроить множественный выбор;
- отметить необходимость заполнения;
- установить тип сортировки;
- задать символьный код;
- внести изменения в конкретных инфоблоках;
- удалить их.
Для формирования человекопонятных адресов в умном фильтре битрикс, лучше задавать символьный код транслитом, ведь это важно для SEO продвижения ресурса, да и юзерам так привычнее и удобнее. Наша цель – угодить и поисковым ботам и посетителям площадки, поэтому ЧПУ нужно озаботиться обязательно.
Читайте также
SaaS: что это за сервис, примеры моделей продаж для бизнеса
Компонент
Вносить изменения в этот раздел нужно в визуальной части сайта, в режиме правки. Это делается прямо на страницах, в административную панель заходить не придется. Открыли нужный режим, далее в параметрах bitrix:catalog находим «Управление адресами страниц» → «Url раздела для умного фильтра» – тут мы может увидеть наши урлы с учетом примененных к ним настроек. Для правильного формирования ЧПУ, логика должна быть такой #SECTION_CODE#/filter/#SMART_FILTER_PATH#/.
- #SECTION_CODE# – раздел фильтрации;
- #SMART_FILTER_PATH# – алгоритм пути;
- /filter/ – директива для идентификации запрашиваемого адреса.
Если ранее все было сделано правильно, url страницы будет отображаться вот так:
/catalog/ваш-раздел/filter/параметры-поиска-1/…2/…3/ и т.д.
Использование AJAX в смарт фильтре Битрикс
Это моментальная фильтрации, позволяющая обновлять только ту часть страницы, на которой располагаются товары, а не всю целиком. Работает это по принципу «параметр поиска задан → серверу направлен запрос → прислан ответ соответствующий требованиям».
- активируем режим AJAX;
- выбираем «Мгновенная фильтрация».
Пример подключения
Подключить интеллектуальную фильтрацию можно, используя одну из трех тактик:
- найти в составе компонентов «Каталог 2.0»;
- в визуальном редакторе;
- вставить в исходный код комбинацию знаков для подключения.
Особенности кастомизации
Теперь поговорим о настройках свойств, которые задействованы в фильтрации. Посмотрим, какие существуют варианты их отображения – это напрямую влияет на то, как будет выглядеть страница внешне, как ее будет видеть пользователь.
- строка;
- список;
- число;
Выглядеть это может так.
Ускорение работы Bitrix умного фильтра
На скорость влияет фасетный индекс. Суть его функционирования немного похоже на кэширование. Все содержимое каталога единоразово индексируются в фасет и фильтрация производится по нему. Таким образом, работа ускоряется в 3-4 раза.
Включить его можно здесь:
При создании новых инфоблоков требуется проводить подключение заново. При необходимости Битрикс сам подскажет вам это сделать.
- при внесении изменений в каталог;
- если произошла корректировка свойств умного фильтра;
- при выгрузке базы 1C.
Особенности ЧПУ
Ранее мы уже говорили о том, какие настройки необходимо выполнить, чтобы урл страниц формировался правильно.
- если в адрес попадают слова, написанные на кириллице, они не переводится на транслит, а отображается набором случайных символов;
- url может содержать чрезмерное количество знаков;
- нет простого способа настройки canonical;
- лишние директивы по типу /apply/;
- на отфильтрованных страницах нельзя размещать текст и заголовки;
- если есть интеграция с 1C, то ЧПУ задать вообще невозможно, так как будет использоваться xml_id, который выглядит вот так /filter/bed_obivka-is-e3881c5ecfc6d4f8650892f7bdb2f0c2/.
Решить эти проблемы могут модули «Инструменты SEO специалиста» или Sotbit seo meta для умного фильтра Bitrix. С их помощью вы сможете корректно настроить требуемые характеристики для успешного продвижения.
- мета теги (очень быстро можно прописать тайтл, кейвордс и дескрипшн);
- шаблоны;
- хлебные крошки;
- перелинковка;
- каноникал;
- человекопонятные урл-адреса;
- карта сайта;
- статистика и т.д.
Модули значительно облегчают работу с системой и помогают более рационально расходовать время SEO-специалиста, разработчика и контент-менеджера. Многие функции устанавливаются в один клик – это действительно быстро и удобно.
Читайте также
22 трекера задач для управления и организации работы сотрудников
Заключение
В статье мы рассказали, как добавить и настроить умный фильтр товаров в Битрикс, чтобы ваш интернет магазин стал более удобным для покупателей. Но не стоит забывать, что любые готовые решения имеют ряд нюансов и для работы с ними нужен опыт и практические знания. Поэтому даже имея на руках информацию, лучше обратиться к специалистам по Bitrix 1С.
