Битрикс как подключить умный фильтр

Умный фильтр 1С-Битрикс: умный, быстрый и красивый

За последние 6 лет умный фильтр пережил немало изменений. В погоне за сразу всеми тенденциями современного Веба он принял на себя много изменений и своим «умом» покорил многие интернет-магазины.

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

Вот самые популярные задачи:

привязка свойств к группам;

не давать выбирать несовместимые опции (0-й результат);

скрывать те значения свойств, которых нет у товаров в выбранном разделе.

И вот, спустя 6 лет после появления первой версии 1C-Bitrix сделали большой шаг, выпустив умный фильтр 2.0, с долгожданными доработками и оптимизаций скорости работы компонента. Обо всех изменениях мы поговорим в этой статье.

Немного истории…

— Не стоит так гордиться этим технологическим монстром, что вы построили.

Прошло несколько лет и теперь это совсем другой компонент.

Больше настроек отображения

В первой версии умного фильтра внешний вид свойств никак не настраивался. А в версии 2.0 появились следующие параметры:

Вид свойства в умном фильтре (флажки, радио-кнопки, ползунки)

Показать свойство свернутым или развернутым

Текст подсказки к каждому свойству

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

Раньше свойства отображались только в виде флажков. Теперь стало возможным настраивать способ отображения свойств через настройку «Вид в умном фильтре».

Наборы способов отображения доступны в зависимости типов данных:

Для типа данных справочник стали доступны следующие виды отображения:

Тип данных число теперь отображается в виде ползунка

Для типа строка настраиваются следующие виды отображения

Виды отображения задаются в настройках инфоблока

Показывать развернутым

В умном фильтре свойства отображались развернуто: при количестве 20-100 значений конкретного свойства фильтр расползался на несколько экранов браузера и пользователю было трудно отыскать нужные параметры. Для решения этой проблемы вносились изменения в шаблон компонента. Теперь стала доступна такая настройка, с помощью которой настраивается развернутость свойства.

Подсказки

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

Страница управления отображением свойств

Если в инфоблоке содержится много свойств и возникают сложности с настройкой каждого из них — на помощь приходит специальная страница управления свойствами. Эта страница расположена в административном интерфейсе: Магазин > Продукция > Настройки каталога.

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

В «Настройки каталога» указываются свойства, которые выводятся во всех группах товаров. Однако если потребовалось задать для каждой группы товаров собственный набор свойств, то это теперь можно сделать в настройках магазина (Магазин > Продукция > Группы).

Настройки компонента

До выхода версии 2.0 умный фильтр работал только с торговыми каталогами. Никаких новостей и акций. Теперь можно настроить компонент на любой инфоблок.

READ  Как подключить блютуз адаптер к андроид планшету

Ползунок цен

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

У ползунка появилось четыре характерных цвета с собственными обозначениями:

На скриншоте можно увидеть как отображается доступный диапазон цен.

Если в выбранном диапазоне расположен сектор с отсутствующими товарами, то он закрашивается серым цветом.

Фильтрация по SKU

Конвертация валют

Конвертация валют, именуемая в параметрах комплексного компонента каталога как “Показывать цены в одной валюте” не происходила в умном фильтр. Таким образом, товар стоимостью 9$ отображался дешевле товара стоимостью 10 рублей. Теперь ошибка исправлена и конвертация цен происходит корректно и в каталоге и в умном фильтре.

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

Умный фильтр 1.0 после нажатия кнопки «Подобрать» перебирал все товары и сравнивал их свойства с искомыми. С ростом количества товаров и свойств сильно возрастала нагрузка на сайт и увеличивалось время ответа сайта.

Для ускорения придумали технологию «фасетный индекс». Она напоминает кэширование. Все товары один раз индексируются в отдельную таблицу БД (в фасет) и фильтрация проводится по этому быстрому и легкому «кэшу». Эта технология в 3-4 раза ускорила работу умного фильтра и снизила нагрузку на сервер.

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

Пересоздание фасетного индекса также требуется выполнить в случаях:

Когда происходит добавление или редактирование разделов каталога.

При добавлении или удаления свойства из умного фильтра.

При выгрузке из 1С, если происходит обновление и добавление товаров с новыми свойствами.

В остальных случаях фасетные индексы пересоздаются автоматически.

Если какой-то фасетный индекс устарел, Битрикс подскажет.

Если в каталоге большое количество товаров, то процесс переиндексации может занять много времени и сильно сказаться на производительности сайта. Лучше проводить эту операцию ночью.

Чтобы убедиться в эффективности фасетного индекса мы провели эксперимент в следующих суровых условиях:

Источник

Умный фильтр на главной странице Битрикс

Достаточно редкая но востребованная задачка- это вывести компонент «умный фильтр» на главную страницу магазина на Битрикс. При этом так, что бы он отправлял на результат выдачи на другой странице сайта. Реализуется достаточно просто, но вопрос важный, так как задают его часто

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

Но приложив небольшую хитрость, мы обманем это правило, не нарушив его. Нам нужно отправить GET запрос умного фильтра, на другую страницу, где уже выведен компонент «Элементы раздела». Для полного фен-шуя и оптимальной реализации сайта с точки зрения логики и функционала, используем параметры имеющегося каталога, не создавая отдельную страницу.
Подробности в видео

Умный фильтр на главной Битрикс

Цитата
Владимир написал:
Подскажите, а как фильтровать категории с товарами, а не сами товары?
Как на этом сайте http://www.plitkanadom.ru
заранее спасибо!

Цитата
Михаил Базаров пишет:
Жесть какая-то на сайте вообще не понял о чем он
Я бы использовал свойство «Привязка к разделам»

Здравствуйте Михаил, из за мое комментария раздел блог-note перестал работать ) извините.

Цитата
Dos Sh написал:
Здравствуйте Михаил, из за мое комментария раздел блог-note перестал работать ) извините.

Вроде бы все работает) Не знаю что сломалось

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

Михаил, добрый день!
Благодарю Вас за полезный сайт!

Подскажите, пожалуйста, на счет умного фильтра (УФ).
По умолчанию, УФ каталога не выводится в корневой папке каталога (например /catalog/). Но если мы проваливаемся на уровень ниже (например /catalog/printers/), УФ появляется справа от каталога. Ну и далее он также присутствует справа от товара.

Вопрос следующий. Как исключить появление УФ на ВТОРОМ (например /catalog/printers/) уровне, но сохранить его отображение на последующих уровнях (например /catalog/printers/canon/) и т.д.?

Буду благодарен за ответ.

С уважением,
Гончаров Максим

Цитата
Максим Гончаров написал:
Михаил, добрый день!
Благодарю Вас за полезный сайт!

Подскажите, пожалуйста, на счет умного фильтра (УФ).
По умолчанию, УФ каталога не выводится в корневой папке каталога (например /catalog/). Но если мы проваливаемся на уровень ниже (например /catalog/printers/), УФ появляется справа от каталога. Ну и далее он также присутствует справа от товара.

Вопрос следующий. Как исключить появление УФ на ВТОРОМ (например /catalog/printers/) уровне, но сохранить его отображение на последующих уровнях (например /catalog/printers/canon/) и т.д.?

Буду благодарен за ответ.

С уважением,
Гончаров Максим

Можно навесить над ним, проверку уровня вложенности
Если память не изменяет, она передается в параметре
$arResult[‘VARIABLES’][‘SECTION_DEPTH_LEVEL’]

Более точно, можно увидеть распечатав массив, с помощью print_r($arResult) и в файле section.php

Цитата
Андрей Кременец написал:
А как сделать ajax фильтрацию на главной? Переход в каталог не нужен. Нужна сразу выдача по фильтру на главной странице.

Тут конечно по сложнее. Из быстрого, дабавьте catalog.section, под фильтр, не показывая сами товары (если не применен фильтр).
При применении фильтра, если параметр не пустой, показывайте товары.

Ну и все это, подружить с AJAX.

На нем, уже много видеоуроков по 1С-Битрикс. Как одиночные видео так и серии видеоуроков Перейти на канал

Совсем скоро выйдет видеокурс по разработке доски объявлений с мобильным приложением. Подписывайтесь и будьте в курсе:

© 2011—2020 Разработка сайтов: ИП Базаров, ОГРНИП: 315784700173692.
Работает на 1С-Битрикс: Бизнес.

Источник

Что такое умный фильтр в 1С-Битрикс

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

Так, например, если мы выбираем ноутбук, мы можем выбрать количество оперативной памяти, которое нам необходимо или производителя, как на рисунке:


Пример умного фильтра на сайте «Эльдорадо»

Особенности умного фильтра

В Drupal`е есть похожий инструмент Facet (фасет), который позволяет строить фасетный индексы для сущностей сайта. Несмотря на аналогичный функционал и использование общей терминологии, существует значимое различие в реализации инструментов. Drupal использует для своего инструмента внешнее решение «Apache Solr», применяемое для построения и обработки фасетов, а также поиска внутри таксономии, в том числе и полнотекстового. В Bitrix`е используется решение, включённое в ядро системы. Такой подход избавляет разработчиков и пользователей от необходимости установки дополнительных программ и настройки взаимодействия между ними и системой управления контентом.

ЧПУ в умном фильтре

Начиная с версии 15.5.0 в Bitrix появилась возможность использовать человеко-понятные адреса для страниц с умным фильтром. Раньше настройки фильтра просто добавлялись параметрами в адрес страницы:

Данный подход имеет право на существование, но отпугивает пользователя, так как он не понимает значения этих параметров.

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

Тут сразу понятно, какого года книги мы ищем и какой издатель нас интересует.

Использование AJAX

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

Основные настройки умного фильтра:

Остальные настройки умного фильтра изложены на страницах документации 1С-Битрикс (https://dev.1c-bitrix.ru/user_help/content/iblock/compo nents_2/catalog/smart_filter.php).

Пример подключения

Существует несколько способов подключения «Умного фильтра»:

При подключении в составе компонента «Каталог», в добавок к стандартным настройкам фильтра идёт возможность выбора ориентации фильтра (горизонтальный и вертикальный). Более того, следствием использования компонента более высокого уровня является то, что часть настроек для встроенных компонентов будет общей.

Также существует возможность вставить умный фильтр с помощью «Визуального редактора».

1. Для этого необходимо изменить страницу в визуальном редакторе:

3. После чего в списке компонентов выбираем «Умный фильтр», и перенести в поле содержания страницы:

4. Теперь мы можем настроить наш «Умный фильтр»:

Особенности кастомизации

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

Свойство Способ отображения
Строка Флажки
Радиокнопки
Выпадающий список
Список Флажки
Радиокнопки
Выпадающий список
Цена/Число
Число от и до с ползунком
Число от и до
Справочник Флажки
Флажки с картинками
Флажки с картинками и названиями
Радиокнопки
Выпадающий список
Выпадающий список с названиями и картинками
Привязка к элементам Флажки
Радиокнопки
Выпадающий список

Флажки с картинками

Число от и до с ползунком

Выпадающий список с названиями и картинками

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

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

Не типовое решение: умный фильтр на главной странице (не на странице каталога).

Также существует возможность использовать разные фильтры в зависимости от адреса текущей страницы. Можно использовать фильтр на странице без каталога. Но тут существует несколько ограничений:

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

Итак у нас есть два фильтра и один каталог. Теперь остается их настроить.

Для каталога нам понадобиться только два свойства:

В настройках фильтра все обстоит намного интереснее, нам нужно больше полей:

Теперь отфильтровать товары в каталоге можно прямо с главной страницы сайта.

Источник

Поделиться с друзьями
Как подключить и установить...
Adblock
detector