- Немного истории…
- Больше настроек отображения
- Страница управления отображением свойств
- Настройки компонента
- Ползунок цен
- Фильтрация по SKU
- Конвертация валют
- Ускорение работы фильтра
- ЧПУ адреса
- Выводы
До появления текущей версии главной головной болью была проблема с производительностью, а список задач на доработку повторялся чуть ли не на каждом проекте.
Вот самые популярные задачи к smart-фильтрам:
- привязка свойств к группам;
- не давать выбирать несовместимые опции (0-й результат);
- скрывать те значения свойств, которых нет у товаров в выбранном разделе.
Немного истории…
— Не стоит так гордиться этим технологическим монстром, что вы построили.
(с) Дарт Вейдер
![Сложный, медленный и старый smart фильтр](/upload/medialibrary/7c4/7c4cd4a82bd11862e076cd20385e3f83.png.webp)
Прошло несколько лет и теперь это совсем другой компонент.
![Новый, медленный и очень сложный smart фильтр](/upload/medialibrary/5ad/5ad86ab288adfa8f9aa5fbb0b2283dfc.png.webp)
Больше настроек отображения
В первой версии умного фильтра внешний вид свойств никак не настраивался. А в версии 2.0 появились следующие параметры:- вид свойства в умном фильтре (флажки, радио-кнопки, ползунки);
- показать свойство свернутым или развернутым;
- текст подсказки к каждому свойству.
![Настройка свойства инфоблока Умный фильтр в Битрикс](/upload/medialibrary/389/3899752559a83c46984d70b4994a9395.png.webp)
Вид в умном фильтре
Раньше свойства отображались только в виде флажков. Теперь стало возможным настраивать способ отображения свойств через настройку "Вид в умном фильтре".Наборы способов отображения доступны в зависимости типов данных:
- Для типа данных справочник стали доступны следующие виды отображения:
- Тип данных число теперь отображается в виде ползунка
- Для типа строка настраиваются следующие виды отображения
![Демонстрация всех видов Умного фильтра](/upload/medialibrary/3c2/3c29b17538a5a8960372f830964ad1ae.png.webp)
Показывать развернутым
В умном фильтре свойства отображались развернуто: при количестве 20-100 значений конкретного свойства фильтр расползался на несколько экранов браузера и пользователю было трудно отыскать нужные параметры. Для решения этой проблемы вносились изменения в шаблон компонента. Теперь стала доступна такая настройка, с помощью которой настраивается развернутость свойства.![Показ параметров Развернуто](/upload/medialibrary/b2c/b2ceddfdffd2310dc31de953588aa335.png.webp)
Подсказки
В настройках инфоблока появилась настройка текста подсказки для пользователей. Если свойство требует дополнительной информации, то это как раз тот случай, чтобы использовать эту настройку.![Подсказки к параметрам](/upload/medialibrary/e38/e388b5e9503c21421af147bb9a6d15a4.png.webp)
Страница управления отображением свойств
Если в инфоблоке содержится много свойств и возникают сложности с настройкой каждого из них — на помощь приходит специальная страница управления свойствами. Эта страница расположена в административном интерфейсе: Магазин > Продукция > Настройки каталога.Здесь настраивается отображение в умном фильтре: выбирается в каком виде отображать свойство, как отображать и в каком порядке.
![Настройка отображения умного фильтра](/upload/medialibrary/008/008ecd4cb2fb54f519b683d0ec3535e2.png.webp)
![Настройки для каждой группы товаров](/upload/medialibrary/515/5159a617e7b0e465c7cc800ce5fb132f.png.webp)
Настройки компонента
До выхода версии 2.0 умный фильтр работал только с торговыми каталогами. Никаких новостей и акций. Теперь можно настроить компонент на любой инфоблок.![](/upload/medialibrary/2c2/2c25c1eb050b28f4c18dadae6d5e4d8c.png.webp)
Ползунок цен
В умном фильтре 1.0 контролы ползунка отображались круглыми и их нельзя было сузить вплотную, при этом диапазон суммы располагался в больших пределах. В версии 2.0 контролы доработали и, вместе с тем, доработали отображение диапазона цен в шаблоне умного фильтра.У ползунка появилось четыре характерных цвета с собственными обозначениями:
- светло-зеленый - за диапазоном выбора имеются доступные товары;
- темно-зеленый - в выбранном диапазоне доступные товары;
- светло-серый - в диапазоне нет товаров;
- темно-серый - показывает сектор, в котором отсутствуют товары.
![Демонстрация диапазона цен](/upload/medialibrary/891/8916a665d4e470c285e55e62bb9a318b.png.webp)
![Выделение цветом недоступного диапазона](/upload/medialibrary/ca4/ca4316718b7449db6f079da021076a4b.png.webp)
Фильтрация по SKU
Появилась фильтрация товаров по свойствам и ценам SKU (торговых предложений). Однако это нововведение имеет недостатки в логике вариантов выбора - такие случаи были освещены в этой идее.Конвертация валют
Конвертация валют, именуемая в параметрах комплексного компонента каталога как “Показывать цены в одной валюте” не происходила в умном фильтр. Таким образом, товар стоимостью 9$ отображался дешевле товара стоимостью 10 рублей. Теперь ошибка исправлена и конвертация цен происходит корректно и в каталоге и в умном фильтре.![Настройка конвертации цен в фильтре](/upload/medialibrary/595/595dd5c07529cca3086db3ff991d3596.png.webp)
![Демонстрация конвертации цен](/upload/medialibrary/f4d/f4dbe6e80cb530b1aa6ee93344f9befa.png.webp)
Ускорение работы фильтра
Умный фильтр 1.0 после нажатия кнопки «Подобрать» перебирал все товары и сравнивал их свойства с искомыми. С ростом количества товаров и свойств сильно возрастала нагрузка на сайт и увеличивалось время ответа сайта.Для ускорения придумали технологию «фасетный индекс». Она напоминает кэширование. Все товары один раз индексируются в отдельную таблицу БД (в фасет) и фильтрация проводится по этому быстрому и легкому «кэшу». Эта технология в 3-4 раза ускорила работу умного фильтра и снизила нагрузку на сервер.
Фасетный индекс включается одной кнопкой. Генерация занимает несколько минут, в зависимости от мощности сайта и размера каталога. Важно: каждый раз после добавления свойства инфоблока фасет устаревает и нужно его пересоздать вручную.
Пересоздание фасетного индекса также требуется выполнить в случаях:
- Когда происходит добавление или редактирование разделов каталога.
- При добавлении или удаления свойства из умного фильтра.
- При выгрузке из 1С, если происходит обновление и добавление товаров с новыми свойствами.
Если какой-то фасетный индекс устарел, Битрикс подскажет.
![Упоминание создание фасетного индекса](/upload/medialibrary/760/760cc26c83a21a81f25acc7ae4f1b225.png.webp)
![Путь к Фасетным индексам инфоблока](/upload/medialibrary/a64/a64c69c0e821c093aaba824b8dd8a14f.png.webp)
- Отключено кэширование;
- Используется стандартный шаблон компонента;
- В разделе 4487 товаров;
- В фильтре выводятся 30 свойств.
|
Без фасета |
С фасетом |
||||
Время, с |
Запросы, шт |
Время обработки запросов, с |
Время, с |
Запросы, шт |
Время обработки запросов, с |
|
Фильтр сброшен |
22.594 |
723 |
6.9606 |
3.5652 |
15988 |
0.7196 |
Фильтрация по 1 свойству |
16.6764 |
722 |
0.7129 |
3.9346 |
15989 |
0.8931 |
Фильтрация по 5 свойствам |
16.7882 |
722 |
0.7159 |
3.7546 |
15989 |
0.8112 |
Фильтрация по 10 свойствам |
18.8288 |
722 |
0.7221 |
3.8405 |
15989 |
1.0425 |
Фильтрация по 20 свойствам |
16.2383 |
722 |
0.7542 |
5.5167 |
15989 |
2.4592 |
ЧПУ адреса
В новой версии умный фильтр получил возможность выдавать результаты запросов с ЧПУ адресами. До выхода новой версии использовался партнерский модуль Kombox: Умный-фильтр (ЧПУ, SEO, AJAX).ЧПУ (Человеко Понятный URL) - это адрес страницы, который вместо непонятных букв и цифр в параметрах get запроса содержит в себе читаемые слова, например:
/catalog/dresses/filter/price-base-from-3238-to-4249/specialoffer-is-yes/manufacturer-is-россия%20"модница"/color_ref-is-blue/apply/
ЧПУ позволяет улучшить SEO, создавать посадочные страницы прямо в каталоге и др.
К недостаткам этого нововведения относятся:
- в адреса попадают русские слова;
- избыточные по длине адреса страниц;
- нет простого способа настроить канонический адрес;
- после сброса фильтра адрес содержит излишки в адресе “/filter/clear/apply/”;
- на странице с результатами фильтра нельзя разместить заголовок и текст;
- если свойство выгружено из 1С, то вместо названия в URL отображаются xml_id, например: /catalog/obuv/muzhskaya_obuv/filter/pol-is-7a8056fa-2476-11e1-8f42-78e7d1f46ffb/apply/.
Выводы
Умный фильтр во многом стал лучше, чем был. Однако, по сей день не все идеально, многие долгожданные идеи остаются нереализованными.Из тех проблем, что сохранились выделяются следующие:
- некорректная логика выбора (И-ИЛИ) для каждого свойства и между свойствами( https://idea.1c-bitrix.ru/smart-filter-the-choice-between-and-and-or-for-the-values-of-each-prop/ );
- умный фильтр некорректно работает в корне каталога.
- Добавить кнопку сбросить для каждого отдельного свойства;
- Не отображать свойство в умном фильтре, если там только одно значение;
- Сделать сортировку для значений свойств.
Статьи по теме
![](https://www.intervolga.ru/upload/resize_cache/iblock/b21/470_200_2/rs06edz4tsnd84peh9ewid244l8xb823.jpg.webp?w=1920)
![](https://www.intervolga.ru/upload/resize_cache/iblock/211/470_200_2/9nywq3jc4b1z786k822f2123kmp3bo8y.jpg.webp?w=1920)
![](https://www.intervolga.ru/upload/resize_cache/iblock/dfb/470_200_2/b80dhnr71r454q1nxq5wfui58z8cl96h.png.webp?w=1920)
![](https://www.intervolga.ru/upload/resize_cache/iblock/70c/470_200_2/vrpkumq2iy5yoxusqf6lltv1rtbtpt3g.png.webp?w=1920)
![](https://www.intervolga.ru/upload/resize_cache/iblock/43c/470_200_2/vkve9fdhzktft4pnqfihklq8yeefx0fm.png.webp?w=1920)
![](https://www.intervolga.ru/upload/resize_cache/iblock/8a7/470_200_2/0jhk9dv2tc48yqtnd1cc0dco5gw6p59l.png.webp?w=1920)
- аренда команды (от 2 человек, не менее 3 месяцев);
- итерации с фиксированной ценой (1-3 месяца длительностью).
- регулярные онлайн-планерки с заказчиком;
- квалифицированных специалистов;
- организованную команду (находятся в одном помещении, что упрощает решение рабочих вопросов);
- полную прозрачность и регулярность отчетов о результатах.
- нагруженный интернет-магазин;
- личный кабинет;
- оптовые продажи — B2B-платформа;
- маркетплейс;
- технический аудит сайта;
- Битрикс24 — корпоративные HR-порталы;
- Битрикс24 — построение CRM-системы;
- Битрикс24 — личные кабинеты сотрудников;
- Битрикс24 — аудит портала;
- 1С — интеграция с другими системами;
- 1С — доработка системы;
- маркетинг — комплексное интернет-продвижение;
- маркетинг — продвижение для B2B.