Как настроить woocommerce products filter

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник

Обзор плагинов по фильтрации товаров WC

Метки

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

WooCommerce Products Filter (50 000)

После установки в настройках WC появляется новый раздел по фильтрации. Некоторые не особо важные функции в бесплатной версии заблокированы. Premium версия стоит 30$ (03/12/2017).

• Фильтрация по атрибутам, меткам и категориям
• По идее работает на Ajax
• Показывает количество товаров + динамический пересчет
• Делает фильтрацию по наличию и по рекомендуемым товарам
• Элементы фильтра могут быть в виде цветов, изображений и лэйблов
• Весь фильтр выводиться одним виджетом

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

YITH WooCommerce Ajax Product Filter (100 000)

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

Premium версия (стоимость 79$) добавляет следующие фичи:

• Виды фильтра дополняются двухцветным Color
• Добавляется возможность фильтрации по меткам
• Фильтр по цене можно разбивать на градации (100-500, 500-1000 и т.д.)
• Фильтр по наличию
• Появляется поле сортировки товаров
• Собственно фильтр по цене
• Фильтр по категориям

В целом он смотрится аккуратнее предыдущего плагина, но при его стоимости у него меньше возможностей.

Advanced AJAX Product Filters (10 000)

При установке плагин называется WooCommerce AJAX Products Filter.

Фильтр работает сходу как надо. В базовом варианте есть: слайдер по цене, фильры в виде чекбоксов, radio и select. Каждый фильтр отдельным виджетом.
Платная версия фильтра стоит 30 долларов на 03/12/2017. Вот его демонстрация.

Список того что добавиться при покупке платной версии:

• Фильтр по категориям (с подкатегориями), меткам и произвольным таксномиям
• Улучшенный вид URL для SEO
• Добавляются виды фильтра: цвет, изображение, дата
• Кнопка Сброс фильтрации (+ соответствующий виджет)
• Генератор шорткодов (пока не понимаю зачем они нужны)
• Оптимизация под обработку до 5000 товаров
• Возможность введения значений для слайдера цены вручную
• Описание виджета (фактически подсказка для фильтра, причем раскрывающаяся)
• Объединение области фильтров
• Кэш для виджетов (?)
• Кастомизация CSS
• Количество товаров к фильтрации
• Можно сделать, чтобы фильтр сначала показывал сколько товаров получиться после фильтрации и нажать Фильтровать
• Цена с минимальными и максимальными значениями
• Показ выбранных параметров фильтрации (с возможностью их удаления)
• Фильтр по датам изменения товаров
• Фильтр по акционным товарам

WooCommerce Product Filter

Платное решение на Codecanyon за 35$. Судя по демке функционал стандартен, но отсутствуют некоторые полезные мелочи в виде кнопки сброса фильтра, фильтрации по наличию. В целом меня он не впечатлил, но я сужу только по демо.

Источник

WooCommerce фильтр товаров или как пользоваться фильтром по слоям

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник

Как сделать фильтр woocommerce?

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

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

• Вопрос задан более трёх лет назад
• 1357 просмотров

Сами столкнулись с таким вопросом, и ничего не нашли лучше чем сделать свой плагин. Благо есть опыт в SEO
и штат толковых разработчиков.
Цель была сделать плагин который позволит гибко настраивать комбинации фильтров, в интернет-магазинах, формируют множество страниц с уникальным URL, которые, по умолчанию, никак не оптимизированы для поисковых систем. Постарались с помощью плагина максимально оптимизировать такие страницы для поисковых систем и получить инструмент для гибкого управления контентом на них. Что позволило расширить видимость сайта меньшими затратами и точечно настроить страницы под поисковые запросы.

Описание самого плагина:
Плагин расширяет функционал виджета фильтров WooCommerce, реализуя возможности управления SEO данными для страниц выбранных фильтров. Дополнительные возможности, такие как поддержка xml карты сайта, canonical, rel=prev/next, микроразметка, реализованы для плагина YoastSEO.

Требования:
WordPress 5.0.* и выше
WooCommerce 3.5.* и выше
PHP 7.* и выше

Источник

Product Filter for WooCommerce v8.1.0 — фильтр товаров WooCommerce

Product Filter for WooCommerce (WooCommerce Product Filter) – является удобным WordPress плагином для вашего магазина на WooCommerce, который позволит устанавливать новые фильтры к вашим товарам, для более удобного и быстрого поиска. Ваши клиенты останутся довольными! Данный плагин совместим с любой WordPress темой. Достаточно загрузить плагин, активировать его, добавить нужные фильтры и наслаждаться его работой. Плагин позволяет настроить стили каждого из ваших фильтров. Выводить фильтры в виде текста, изображений, эскизов, любо пользовательского HTML сообщения. WooCommerce Product Filter поддерживает всплывающие подсказки для каждого добавленного фильтра на ваш сайт. С недавнего времени плагин научили работать с сроком фильтров. Вы можете установить собственный срок для каждого из фильтров. А также плагин генерирует собственный ключ, для интеграции с другими фильтрами вашего интернет-магазина.

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

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

Плагин умеет работать с любыми видами устройств такими как iPad, iPhone и смартфонов на Android. Полностью переведенный на любой нужный вам язык с подробной документацией не заставит вам долго разбираться в функционале плагина. Просто установите и используйте!

Источник