По-настоящему гибкий фильтр

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

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

Давайте пройдемся по ключевым особенностям поиска JBZoo.

Какие возможности есть у фильтров JBZoo?

  • Поиск по основным полям, будь то название, дата или даже категория. Т.е стандартным свойствам материалов.
  • Фильтр по любым дополнительным полям в которых есть текст. Например селекты, радиокнопки, рейтинг, полнотекстовый поиск и т. д.
  • Можно осуществлять поиск по диапазонам чисел и дат. Для этого есть удобные виджеты в виде календарей и слайдеров.
  • Текстовые поля формы поиска имеют автодополнение (если вы начнете вводить часть слова, то внизу покажется список с различными вариациями слов, начинающихся на введенные буквы). Подбор слов происходит из имеющего в базе данных контента.
  • Быстрый поиск — возможность включить фильтрацию так, чтобы поиск срабатывал сразу после изменений значений в поле, например при переключении радио-кнопок.
  • Интересные виджеты — добавлены слайдеры диапазонов, стилизованные кнопки, календарь и т. д.
  • Подсчет количества — вывод количества материалов, удовлетворяющих фильтру по данному полю.
  • Связанные поля — выбирая страну из списка подгрузятся города этой страны, а для нужного города -улицы, и т. д.
  • Быстрый фильтр по любым свойствам материала в виде меню.
  • На страницу с результатами поиска добавлена мета «noindex, nofollow», чтобы меньше смущать поисковые машины.
  • Фильтр умеет искать товары по цене и остаткам на складе.
  • Настройки фильтра позволяют указывать, по какой именно цене искать (базовой или со скидкой).

Какие настройки есть в модуле?

Фильтр в одну колонку

 

Комплект JBZoo включает в себя несколько готовых шаблонов форм поиска. А также вы можете добавить необходимые параметры для поиска в настройках конструктора корзины на странице Шаблоны в фильтре. Ниже приведено несколько примеров, которые можно найти на демо-сайте

Готовые шаблоны для поиска

Параметры для поиска в настройках корзины

Пример фильтра 1Пример фильтра 2

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

Элементов на страницу в результатахПорядок вывода поиска

Тонкая настройка полей фильтра

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

Изменение настроек поля чекбокс

Вот только некоторые примеры отображения одного и того же поля фильтра:

Фильтр по категории - вариация перваяФильтр по категории - вариация втораяФильтр по категории - вариация третяяФильтр по категории - вариация четвертая

Первый вариант отображения радиокнопкиВторой вариант отображения радиокнопкиТретий вариант отображения радиокнопкиЧетвертый вариант отображения радиокнопки

Поиск по диапазонам

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

Некоторые примеры внешнего вида поиска по диапазонам

Диапазон чисел в виде слайдера

Поиск по диапазону датИзменение даты в фильтре

Автодополнение в текстовых полях

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

Связанные элементы

Мы добавили новый элемент «Cascading Select», который позволяет построить древовидную структуру свойств для материала. Например, для выбора точки продажи (адреса) выбираем нужную страну, город из этой страны и конкретный адрес. Вложенность не ограничена. В панели управления и на сайте это выглядит следующим образом

Настройки связанных селектовПосле выбора страны появляются нужные городаПосле выбора города появляются нужные улицы

Быстрый поиск в виде меню

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

Есть 2 варианта отображения меню на сайте: в виде аккордеона и обычного списка

Аккордеон меню на ZooФильтр в виде списка

В результате…

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

Первый пример фильтраВторой пример фильтраТретий пример фильтра