Продолжаем разбирать самые интересные и полезные плагины для интернет-магазина Woocommerce. Сегодня вы узнаете как добавить в свой магазин ajax фильтр товаров. Посетители вашего интернет магазина смогут выбирать товары с помощью фильтра характеристик. Выбрать товары можно по категории, атрибутам и цене (в диапазоне от и до).
Установить плагин – WC Ajax Product Filter, вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
После установки и активации плагина, перейдите на страницу: Внешний вид – Виджеты. Здесь у вас появятся 4 новых виджета:
– WC Ajax Active Filters, здесь будут отображаться активные фильтры, которые можно сбросить.
– WC Ajax Product Filter by Attribute, фильтр по атрибутам товаров.
– WC Ajax Product Filter by Category, фильтр по категориям товаров.
– WC Ajax Product Filter by Price, фильтр по цене, от и до.
Для виджета активных фильтров и виджета цены, нужно указать только названия, то есть их не надо настраивать. Виджет фильтр атрибутов и виджет фильтр категорий имеют следующие настройки:
– Title, название виджета.
– Display Type, выберите тип показа фильтра. Есть два варианта – список и живой поиск.
– Query Type, тип запроса, можно оставить по умолчанию.
– Enable multiple filter, можно включить множественный фильтр.
– Show count, показывать количество.
– Show hierarchy, показать иерархию.
– Only show children of the current attribute, показ только подкатегорий или детей атрибутов.
Сохраните сделанные изменения, перейдите на сайт, в боковой панели сайта будут отображаться фильтры. Успехов вам!
Остались вопросы? Напиши комментарий! Удачи!
Спасибо
А вот за это спасибо!
Пожалуйста!
Но почему же он выводится только на страницах магазина? :(
Например, у меня есть страница Novelty, в ней новинки выводятся шорткодом [recent_products per_page=”9″ columns=”3″]
Там фильтра нет. Да и вообще, хотелось бы, чтобы на всех страницах был фильтр.
Потому что данный плагин работает только с плагином Woocommerce! Посмотрите, Здесь ещё есть плагины фильтры Woocommerce!
Всем привет!
Подскажите, можно в этом фильтре вывести атрибуты картинками?
Как на этом сайте coffeeproject “Способ приготовления”.
Здравствуйте. С помощью плагина Variation Swatches for WooCommerce можно сделать атрибуты в виде изображений.
Спасибо! Попробую
Большое спасибо. Долго ломал голову на счет фильтра.
Здравствуйте, подскажите, можно ли создать фильтры ползунком, с помощью данного плагина?
Здравствуйте. Цены итак ползунком выводятся. Как категории могут быть ползунком?
Нет. Не категории, а фильтры. Например, фильтр “угол”. Он имеет значения: 10, 20, 30…. Ползунком просто удобнее выбирать промежуток, от какого до какого, нежели по одному выбирать
Вы имеете ввиду атрибуты? Они выводятся только списком или живым поиском. Конечно, программист наверно может вам помочь. Посмотрите вот этот плагин Themify Product Filter.
Добрый день, подскажите, а есть ли плагин по рейтингу продуктов вукомерс с возможность к оценке добавлять “Превосходно” “Очень хорошо” “хорошо” и т.д.
Соответственно зачастую данная функция идет с комментарием к продукту, чтобы можно было комментировать авторизируясь с помощью соцсетей.
Сейчас нашла wiremo, но добавить сноски хорошо и т.д. оказалось невозможным.
Добрый вечер. Не совсем понятно. Просто надписи должны быть или что? Могу только плагины порекомендовать, посмотрите их:
– Customer Reviews for WooCommerce
– Rating-Widget: Star Review System
– Like Button Rating
Спасибо. Помогли)
И последний вопрос всю голову сломала.
Нужно что бы можно было сделать фильтр по датам. Соответственно, нужно в продукт вукомерс прописать атрибут или метку с датой. по которой ее потом искать. Но не смогла найти ка это реализовать.
При создании атрибута нужно поставить галочку возле Включить архивы. На странице товара в блоке Данные Товара, на вкладке Атрибуты добавьте и сохраните атрибут. На сайт можно добавить виджет Фильтрация товаров по атрибутам. Можно метки создать и добавлять их к товарам. Есть виджет облако меток товаров.
Спасибо, очень помогли))
Добрый день, отличные статьи. Я для фильтрации скачал плагин WOOF, но он почему то не выводит категории товаров, и не русифицирован, поэтому ищу другой плагин для фильтрации, ключевой вопрос – на смартфонах рекомендуемые вами плагины могут выводить фильтры над товарами, а не внизу страницы?
Здравствуйте. Не знаю, про какой конкретно плагин вы говорите, надо смотреть в настройках, есть такая функция или нет. В любом случае можно вывести, вставить шорткод или php код в исходный код страницы.
Подскажите можно ли на каждый атрибут установить свою цену, чтобы не указывать цену на каждую вариацию
Цену в атрибуте можно указать. Только в корзине она не будет учитываться. Посмотрите плагины WooCommerce Price Per Unit или Discount Rules for WooCommerce, могут вам помочь. Какие атрибуты у вас?
А Вам не встречался плагин, который может вывести фильтр брендов в алфавитном порядке?
Вот этот плагин смотрели: WooCommerce Product Filter by WooBeWoo. Вот у этого плагина есть функция алфавитной сортировки: WooCommerce Extra Product Sorting Options
Меня устраивают и дефолтные фильтры, можно их как то через шорт код вывести?
У плагина такой функции нет. Но вы можете скопировать код виджета и вставить его там, где вам нужно.