Woof фильтр товаров для woocommerce как пользоваться

Как сделать фильтр товаров в Woocommerce

В Woocommerce фильтр товаров можно сделать с помощью встроенного функционала, а можно с помощью плагина.

Мы рассмотрим оба варианта.

Виды фильтров товаров

В Woocommerce предусмотрено два вида фильтрации товаров:

  • Фильтр по цене
  • Фильтр по атрибутам

Фильтр товаров по цене

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

Фильтр товаров по атрибутам

Чтобы настроить фильтр по атрибутам, нужно сначала создать необходимые атрибуты, а потом у нужных товаров их прописать.

Для этого идём во вкладку «товары/атрибуты». Там создаём нужные атрибуты и их значения.

Например создаём атрибут «бренд» со значениями «Liqui Moly», «Motul», «Shell» и т.п.

Настройка фильтров по атрибутам

После этого переходим в интересующие нас товары и присваиваем им необходимые атрибуты.

добавление атрибутов товарам в Woocommerce

После настройки всех атрибутов, переходим в раздел виджеты и добавляем «фильтр по атрибутам». Данный виджет имеет настройки. Можно изменить тип отображения (список или выпадающий список) и поменять вид сортировки («и/или» — суммируются атрибуты при фильтрации или нет).

добавление фильтра товаров в Woocommerce

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

Woocommerce фильтр товаров

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

Плагин фильтра товаров для Woocommerce

Вывод фильтров стандартными средствами немного неудобен, так как для каждого атрибута нужно добавлять отдельный виджет. Да и внешний вид «по умолчанию» выглядит не очень симпатично. Поэтому для реализации этого функционала можно использовать плагин Premmerce WooCommerce Product Filter.

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

плагин Premmerce WooCommerce Product Filter

Далее идём в виджеты и добавляем «Premmerce активные фильтры» и «Premmerce фильтры». В результате получаем следующий вид.

Источник

Решено Настроить фильтр Woocommerce Filter (woof) так, чтобы для фильтрации были доступны не все атрибуты

Здравствуйте. Есть тестовый магазин на woocommerce с некоторым кол-вом товаров и некоторыми категорями. Помимо этого, установлен плагин woocommerce filter (woof).

Задача такая: товары (к примеру, мониторы) из категории 1 имеют следующие атрибуты — разрешение, диагональ, разъемы. Товары из категории 2 (процессоры) имеют следующие атрибуты — частота процессора, тип гнезда, наличие встроенной видеокарты.

Для отображения фильтра товаров на страницах категорий, я использую шорткод [woof] в шаблоне страницы-категории, в резльтате выводится фильтрование по ВСЕМ существующим атрибутам всех товаров — то есть разрешение, диагональ, разъемы, частота процессора, тип гнезда, наличие встроенной видеокарты. Хочу настроить woof таким образом, чтобы для каждой категории показывались только те атрибуты фильтрации, которые есть у товаров в этой категории. То есть чтоб у мониторов были только свои атрибуты фильтрации, а у процессоров — только свои. Как это можно сделать?

Alexander Krechet

Здравствуйте. Есть тестовый магазин на woocommerce с некоторым кол-вом товаров и некоторыми категорями. Помимо этого, установлен плагин woocommerce filter (woof).

Задача такая: товары (к примеру, мониторы) из категории 1 имеют следующие атрибуты — разрешение, диагональ, разъемы. Товары из категории 2 (процессоры) имеют следующие атрибуты — частота процессора, тип гнезда, наличие встроенной видеокарты.

Для отображения фильтра товаров на страницах категорий, я использую шорткод [woof] в шаблоне страницы-категории, в резльтате выводится фильтрование по ВСЕМ существующим атрибутам всех товаров — то есть разрешение, диагональ, разъемы, частота процессора, тип гнезда, наличие встроенной видеокарты. Хочу настроить woof таким образом, чтобы для каждой категории показывались только те атрибуты фильтрации, которые есть у товаров в этой категории. То есть чтоб у мониторов были только свои атрибуты фильтрации, а у процессоров — только свои. Как это можно сделать?

Источник

Модификация фильтра WOOF в зависимости от текущей категории товара WooCommerce

Есть такой популярный плагин WOOF для фильтрации товаров в WooCommerce. Он обеспечивает фильтрацию товаров по категориям, меткам и атрибутам. Но что делать, если у товаров в разных категориях атрибуты разные? Условно говоря, лапти надо сортировать по размеру, а самогон — по градусам. Понятно, что присутствие фильтра по градусам на странице категории товара «Лапти» будет только сбивать с толку.

Читайте также:  Toyota Auris Е150 2007 2012 в погоне за имиджем

Как добиться такого результата, чтобы фильтр WOOF на странице категории «Лапти» показывал только фильтр по размеру, а на странице категории «Самогон» — только фильтр по градусам?

К сожалению, плагин WOOF не содержит хуков и фильтров WordPress, которые можно было бы использовать для модификации перечня фильтров товаров, выводимого в сайдбаре. Анализ кода плагина показал, что html сайдбара формируется на основе большого массива параметров $woof_settings , а сам массив создаётся при чтении опции woof_settings .

В связи с этим было принято решение перехватить чтение опции woof_settings и отменить фильтры WOOF в зависимости от текущей категории WooCommerce. Рабочий пример кода в functions.php:

Данный код объявляет фильтр WordPress, который срабатывает при чтении из базы данных опции woof_settings . Функция ft_option_woof_settings объявляет массив $category_filters, в котором категории (opticheskoe-uplotnenie, mediakonvertery) сопоставлены фильтрам WOOF по атрибутам (pa_form-factor и т.п.). Каждый фильтр в WOOF всегда имеет префикс pa_ (product attribute) и далее слаг атрибута, заданный в админке.

Строка $cats = . получает в $cats текущий массив категорий WooCommerce. Дальше идет цикл по фильтрам категорий, и если категория в $category_filters отсутствует в текущем массиве категорий WooCommerce, то все связанные с ней фильтры атрибутов удаляются посредством вызова unset.

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

Так выглядят фильтры для одной категории: введите сюда описание изображения

А так для другой: введите сюда описание изображения

UPDATE

Если вставка и модификация кода вызывают некоторые проблемы, можно воспользоваться моим плагином WOOF by Category в репозитории WordPress. Плагин создан на основе вышеприведённого кода.

Источник



WooCommerce фильтр товаров

Сегодня, многие используют сцепку WordPress + WooCommerce, при этом не догадываются о тех возможностях, которые уже встроены в эти инструменты, а точнее в плагин электронной коммерции WooCommerce. Если быть точным, то статья будет об организации фильтрации товаров. Сподвигло меня написать эту статью, множество заказов от клиентов на создание фильтрации магазинов, построенных на плагине WooCommerce, а также вопросы от коллег по цеху. В плагине уже всё есть, и нет необходимости установки сторонних плагинов, скрещивая пальцы, будет работать или нет. И этот механизм фильтрации зовётся фильтром по слоям.

Фильтрация товаров в WooCommerce

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

По моему личному мнению, WooCommerce очень и очень неплохой плагин, но кое-где он довольно тяжеловесен. Хотя, почему, кое-где, тяжел он в плане массового редактирования товаров, но речь сейчас не об этом.

Итак, фильтр по слоям или как сделать удобную для клиентов фильтрацию товаров. Первым шагом, надо определиться по каким признакам наши товары должны фильтроваться. Как пример, я буду использовать магазин мебели (www.nice-stick.ru), принадлежащий одному из моих клиентов. И покажу всё на примере, товара комод.

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

  • фильтр по породе дерева;
  • фильтр по конструкции;
  • фильтр по производителю.

Прежде всего, чтобы сделать фильтр по слоям, нам надо задать эти слои. Для этого идём в меню «Товары» в раздел «Атрибуты» и создаём три этих фильтра.

Если кто не в курсе, то после создания атрибута, надо нажать на квадратик с шестерёнкой и добавить непосредственно варианты самого атрибута. Если оставить атрибут без вариантов, то смысла в нём будет абсолютные 0%.

Итак, мы создали все три фильтра. Скрины делал на живом проекте, как выше упоминал, поэтому, там есть уже множество фильтров, плюс оставшиеся за кадром обычные атрибуты используемые для формирования цены товара, но это уже история о вариативном товаре, если есть такая необходимость, то расскажу о нём в другой статье. Сейчас же разговор о фильтре товаров с помощью фильтрации по слоям. Теперь добавляем все необходимые фильтры, ко всем товарам, которые должны фильтроваться. Если этого не сделать, при активации какого-либо фильтра, просто не будет показан товар, у которого нет необходимого фильтра. Также не забываем добавить значения фильтров, как видите, можно выбрать несколько. Еще один маленький момент, это галочка пункта «Отображение на странице товаров», если её оставить, то Ваш значения Вашего фильтра будет отображено в технических характеристиках товара, нам это не надо, поэтому мы её убираем. Еще одно, товар может быть любым, в данном случае вариативный, так как создана возможность, опять же с помощью атрибутов (те, которые не помечены красной стрелкой), изменять цену, выбирая значение того или иного атрибута.

Читайте также:  Фильтры для очистки воды аквафор под мойку отзывы

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

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

Переходим на сайт и любуемся результатом. Тема фильтрации по слоям раскрыта, но не тема самой фильтрации. А именно, существует такой виджет как «WooCommerce Активные фильтры», в нём отображаются, как раз все выбранные фильтры по слоям. Также на сайте, который я использовал в качестве площадки для показа примера, блок фильтров доработан и немного усовершенствован, о том, как это сделать, я напишу в следующих статьях, поэтому подписывайтесь на мою рассылку или просто присоединяйтесь в соц. сетях. Добра Вам!

Если у Вас, возник вопрос как разместить фильтр вверху страницы, то Вам сюда: WooCommerce размещаем фильтры вверху каталога

Источник

WOOF — Фильтр товаров для WooCommerce

WooCommerce Products Filter — WOOF — плагин для поиска товаров для WooCommerce, который позволяет клиентам вашего сайта фильтровать товары по категориям, атрибутам, тегам товаров, пользовательской таксономии товаров и цене.

Поддерживает последнюю версию плагина WooCommerce. Обязательный плагин для вашего интернет-магазина на платформе WooCommerce! Максимальная гибкость!

Если вы являетесь разработчиком WP + PHP и хотите создать что-то необычное в интерфейсе формы поиска — добро пожаловать: используя API расширений WOOF и расширения по умолчанию в качестве примеров, вы можете создавать любые html-элементы для формы поиска и даже собственный цикл woo-products шаблон для ваших собственных целей.
Also its possible to создавать любые коннекторы для плагинов лаяута

Последняя версия PHP 8.x — СОВМЕСТИМО!

WOOF Особенности фильтра продуктов:

Представление: WOOF можно использовать как шорткод, так и как виджет. Специальный шорткод [woof] позволяет вставить фильтр продукта в любую часть вашего сайта. Таксономии и атрибуты продуктов можно отображать в форме поиска в виде: радио, флажка, раскрывающегося списка, нескольких раскрывающихся списков, переключателей в раскрывающемся списке. В премиум-версии также возможно отображение html-элементов в виде: цвета, изображения, метки, раскрывающегося списка иерархии, атрибуты / диапазон-ползунок таксономии , кнопки флажков в раскрывающемся списке

Шорткод продуктов: шорткод продуктов [woof_products per_page = 8 columns = 3 is_ajax = 1 taxonomies = product_cat: 9] позволяет отображать и фильтровать целевые продукты на одной странице или как часть контента публикации, и, конечно же, продукты можно фильтровать в режиме перенаправления или ajax. Используя атрибут шорткода custom_tpl, можно даже использовать собственные шаблоны, что дает широкую гибкость в различных проектах.

Поиск товаров по AJAX: (опционально) позволяет фильтровать продукты woocommerce без перезагрузки страницы. Работает на 95% тем WordPress и должен быть протестирован перед выпуском на рабочий сайт, так как это зависит от текущей функциональности wp-темы и встроенного HTML-кода.

Динамический пересчет продуктов: эта мощная функция позволяет отображать в форме поиска, сколько соответствующих вариантов будет найдено, если щелкнуть выбранный html-элемент в форме поиска фильтра.

Фильтр продуктов woocommerce по метаданным: позволяет с помощью специального функционала на странице настроек плагина добавлять данные метаполя в поток поиска (текст и тип номера)

Поиск товаров по SKU: WOOF позволяет фильтровать сайт товаров вашего магазина по SKU как часть большой формы поиска, например, специальный короткий код [woof_sku_filter]

Поиск товаров по цене: может отображаться как ползунок диапазона, так же как селект с выбором диапазонов

Текстовый поиск товаров WooCommerce по названию, контенту и их комбинациям. Можно использовать специальный шорткод [woof_text_filter] , который можно вставить в нужное место.

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

Статистика: Вы всегда можете проанализировать данные поиска и понять, что больше интересует ваших клиентов, и, конечно, такие данные помогут развитию вашего бизнеса

Читайте также:  Сетевой фильтр для насоса

Быстрый поиск: Эта технология создана специально для WOOF и позволяет осуществлять мгновенный поиск независимо от количества продуктов без AJAX или перезагрузки страницы.

Turbo Режим: этот режим позволяет избежать генерации больших MySQL запросов при фильтрации товаров на сайте

Продуктовый известитель: позволяет вашим зарегистрированным покупателям подписываться на комбинации фильтров товаров и всегда быть в курсе, появились ли в вашем магазине именно те товары, которые они хотят купить. Такой инструмент может повысить конверсию магазина. Используйте его как виджет, так как шорткод [woof_products_messenger]

Сохранитель поискового запроса: это расширение позволяет вашим клиентам сохранять комбинации поиска и получать к ним доступ в будущем одним щелчком мыши, что делает ваших клиентов более информативными и внимательными к продуктам вашего магазина

Бесконечная прокрутка: позволяет загружать и просматривать продукты woocommerce на странице магазина и каталога, не нажимая на кнопки нумерации страниц

✅ Изображения могут быть в виде html-элементов фильтра в поисковой форме

✅ Цвета могут быть как фильтрующие html-элементы в поисковой форме

✅ Фильтр цен в виде ползунка диапазона ИЛИ в раскрывающемся списке

✅ Отображение скрытой формы поиска как КНОПКИ

✅ В настройках плагина для радио и флажков html-элементов в форме фильтра могут быть выбраны разные скины

✅ Возможность создавать собственный шаблон макета продуктов и использовать его с шорткодом woof_products в режиме ajax и перенаправления, см. Атрибуты custom_tpl и tpl_index

Возможность создания любых расширений для плагина (только для разработчиков). Смотрите папку ‘ext’ для примеров.

✅ Demo site — смотреть комбинации фильтров в действии

✅ Добротный API описан в КОДЕКСЕ

✅ WOOF использует API WooCommerce, который позволяет сосуществовать и сотрудничать с другими плагинами, созданными для WooCommerce.

✅ PHP 5.4.x — 8.x полная совместимость

✅ Простая, надежная и богатая панель настроек

Сильная техническая поддержка, которая каждый день работает с тонами кода!

Премиум версия на: CODECANYON

Видеообзор возможностей плагина:

Вы можете получить премиум версию плагина здесь: CODECANYON

Сделайте ваш сайт более прибыльным с помощью следующих мощных скриптов:

✅ WOOBE — WooCommerce Bulk Editor Professional: плагин WordPress для управления и массового редактирования данных продуктов WooCommerce надежным и гибким способом! Будьте профессионалами в управлении данными вашего интернет-магазина woocommerce!

✅ WOOCS — WooCommerce Currency Switcher: это плагин WooCommerce mulyi currency, который позволяет посетителям вашего сайта переключать валюты цен продуктов в соответствии с установленными курсами валют в реальном времени и оплачивать в выбранной валюте (опционально). Позволяет добавлять любую валюту для магазина WooCommerce!

✅ WOOT — Таблица продуктов WooCommerce: это плагин WooCommerce для отображения товаров магазина в виде таблицы. Таблицы фокусируют внимание ваших покупателей на том, что они хотят получить, ничего лишнего, только на том, что хочет клиент, и полное внимание к тому, что предлагается!

✅ TABLEON — Таблицы постов WordPress с возможностью фильтрации: Плагин WordPress для отображения сообщений сайта и их пользовательских типов сообщений в табличном формате. Таблицы фокусируют внимание ваших клиентов на том, что они хотят получить, ничего лишнего, только на том, что хочет клиент, и уделяют все внимание тому, что предлагается!

✅ WPCS — WordPress Currency Switcher: это плагин WordPress, который позволяет переключать валюты и конвертировать их курсы в реальном времени на вашем сайте!

✅ WPBE — Профессиональный массовый редактор постов WordPress: Плагин WordPress для надежного и гибкого управления и массового редактирования записей, страниц и пользовательских типов записей WordPress! Будьте профессионалами в управлении данными своего сайта!

✅ MDTF — WordPress Meta Data Filter and Taxonomies Filter: плагин для фильтрации и поиска контента WordPress в постах и их пользовательских типов по таксономиям и полям метаданных. Плагин обладает очень высокой гибкостью благодаря своим богатым элементам фильтра и встроенному конструктору мета-полей!

Лицензия

Авторские права на этот плагин принадлежат pluginus.net & copy; 2012-2021 гг. С Стандартной общественной лицензией GNU от realmag777.

Эта программа является бесплатным программным обеспечением; вы можете распространять и / или изменять его в соответствии с условиями Стандартной общественной лицензии GNU , опубликованной Бесплатным программным обеспечением Фонд; либо версии 2 Лицензии, либо (по вашему выбору) любой более поздней версии.

Эта программа распостраняется в надежде на то, что она будет полезной, но БЕЗ ВСЯКИХ
ГАРАНТИЙ. Смотрите GNU General Public License для большей информации.

Источник