Создание первого фильтра
После установки плагина давайте добавим фильтр в ваш woocommerce-магазин. Вот несколько способов это сделать:
Автоматический фильтр
- С версии v.3.3.4/v.1.3.4 используйте шорткод [woof_front_builder name='My Filter'], чтобы разместить фильтр в текстовом виджете, в основном контенте или в любом другом месте магазина. Этот способ позволяет собрать уникальный фильтр прямо на фронтенде сайта и задать там его настройки.
- Это самый быстрый способ настроить фильтр для товаров, и кстати вы увидите его сразу на странице магазина после установки плагина

- Если хотите отключить автоматический фильтр, перейдите на вкладку Options -> выберите ‘No‘ для ‘Set filter automatically‘ и сохраните настройки. Также для покупателей можно настроить этот фильтр для отдельных случаев, например: Show only for mobile devices ИЛИ Show only for desktop

Виджет
- Перейдите на страницу Widgets
- Выберите нужный сайдбар
- Нажмите там кнопку плюс
- Введите в текстовое поле поиска ключевое слово ‘husky‘
- Нажмите на иконку найденного виджета

- Задайте опции внутри установленного виджета при необходимости:
- Title — задайте заголовок фильтра или оставьте пустым
- Additional text before — произвольный текст перед фильтром при необходимости
- Redirect to — ссылка для перенаправления на специальную страницу фильтра, если это нужно по бизнес-логике магазина
- Hide search form by default and show one button instead — если у вас большой фильтр и вы не хотите показывать его покупателям (или если он большой и замедляет загрузку страницы), выберите для этой опции Yes
- Dynamic recount — если включено, во время фильтрации рядом с элементами фильтра будет показано актуальное количество товаров
- Autosubmit — если выбрать Yes, фильтрация начнётся сразу после изменения любого элемента фильтра в форме поиска. Если выбрать No — пользователю нужно нажать кнопку Filter
- Submit button position — где показывать кнопку сброса фильтра
- Form AJAX redrawing — Перерисовывает форму поиска через AJAX, а для запуска фильтрации нужно нажать кнопку “Filter”. Полезно, например, при использовании иерархического выпадающего списка
- Mobile mode — Скрывает виджет на мобильном устройстве и появляется кнопка для показа фильтра
- Нажмите кнопку Update на странице Widget
- Готово!
Шорткод
Можно использовать шорткод [woof] в текстовом виджете или в любом другом месте сайта, где это возможно настроить в соответствии с возможностями текущей темы WordPress
Примечание: помните, на одной странице может быть только один фильтр