Jet Smart Filter. Как сделать пошаговую фильтрацию по иерархии.

Если вы работаете с богатым и непростым функционалом Jet Engine, то рано или поздно столкнетесь с необходимостью фильтрации по иерархии. То есть, чтобы одно поле фильтра зависело от предыдущего по причине вложенности одной категории объекта/товара в другую. Делается вся это красота с помощью Jet Smart Filter.

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

Пример работы Jet Smart Filter с пошаговой фильтрацией

Настраиваем вложенность таксономий

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

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

Создаем кастомный фильтр

Переходим в Jet Smart Filter и создаем новый фильтр, не забывая указать настройку Is hierarchical. Также настраиваем Filter hierarchy в окошке ниже согласно тому, как мы хотим видеть последовательность фильтрации.

Выводим фильтры на странице Elementor

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

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

Приятного пользования!) Пишите мне в ТГ, если есть вопросы.