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

- Если вы хотите отключить автоматический фильтр, вы можете перейти на вкладку Options -> 'Set filter automatically' выбратьNo' там, а затем Сохранить настройки. Также для ваших клиентов вы можете настроить этот фильтр для некоторых случаев, например: Показывать только для мобильных устройств ИЛИ Показывать только для настольных компьютеров

Виджет
- Перейдите на страницу 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 – Скрывает виджет на мобильном устройстве, и появляется кнопка для отображения фильтра
- Нажмите кнопку «Обновить» на странице виджетов
- Готово!
Шорткод
Вы можете использовать шорткод [woof] в текстовом виджете или в любом месте на вашем сайте, где его можно установить в соответствии с возможностями текущей темы WordPress
Уведомление: помните, на одной странице может быть только one фильтр