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

Ajax фильтр товаров Woocommerce, категории, атрибуты, цена


 Продолжаем разбирать самые интересные и полезные плагины для интернет-магазина Woocommerce. Сегодня вы узнаете как добавить в свой магазин ajax фильтр товаров. Посетители вашего интернет магазина смогут выбирать товары с помощью фильтра характеристик. Выбрать товары можно по категории, атрибутам и цене (в диапазоне от и до).

 

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

 

 Установить плагин – WC Ajax Product Filter, вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

woocommerce плагин

 

 После установки и активации плагина, перейдите на страницу: Внешний видВиджеты. Здесь у вас появятся 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, показ только подкатегорий или детей атрибутов.

 

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

 

 Сохраните сделанные изменения, перейдите на сайт, в боковой панели сайта будут отображаться фильтры. Успехов вам !

 

Поделиться ссылкой:

Данная статья принадлежит сайту info-effect.ru


Ajax фильтр товаров Woocommerce, категории, атрибуты, цена обновлено: Октябрь 13, 2016 автором: Илья Журавлёв

20 комментариев

  • HerDecker 13.06.2017

    Спасибо

  • Константин 19.07.2017

    А вот за это спасибо!

  • Илья Журавлёв 19.07.2017 Автор

    Пожалуйста!

  • tochcha 21.08.2017

    Но почему же он выводится только на страницах магазина? :(
    Например, у меня есть страница Novelty, в ней новинки выводятся шорткодом [recent_products per_page=”9″ columns=”3″]
    Там фильтра нет. Да и вообще, хотелось бы, чтобы на всех страницах был фильтр.

  • Илья Журавлёв 21.08.2017 Автор

    Потому что данный плагин работает только с плагином Woocommerce! Посмотрите, Здесь ещё есть плагины фильтры Woocommerce!

  • Artem 22.10.2017

    Всем привет!
    Подскажите, можно в этом фильтре вывести атрибуты картинками?
    Как на этом сайте coffeeproject “Способ приготовления”.

  • Илья Журавлёв 23.10.2017 Автор

    Здравствуйте. С помощью плагина Variation Swatches for WooCommerce можно сделать атрибуты в виде изображений.

  • Фил 28.02.2018

    Большое спасибо. Долго ломал голову на счет фильтра.

  • Artem 12.03.2018

    Спасибо! Попробую

  • Никита 16.07.2018

    Здравствуйте, подскажите, можно ли создать фильтры ползунком, с помощью данного плагина?

  • Илья Журавлёв 16.07.2018 Автор

    Здравствуйте. Цены итак ползунком выводятся. Как категории могут быть ползунком?

  • Никита 16.07.2018

    Нет. Не категории, а фильтры. Например, фильтр “угол”. Он имеет значения: 10, 20, 30…. Ползунком просто удобнее выбирать промежуток, от какого до какого, нежели по одному выбирать

  • Илья Журавлёв 16.07.2018 Автор

    Вы имеете ввиду атрибуты? Они выводятся только списком или живым поиском. Конечно, программист наверно может вам помочь. Посмотрите вот этот плагин Themify Product Filter.

  • Мария 18.03.2019

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

  • Илья Журавлёв 19.03.2019 Автор

    Добрый вечер. Не совсем понятно. Просто надписи должны быть или что? Могу только плагины порекомендовать, посмотрите их:

    – Customer Reviews for WooCommerce
    – Rating-Widget: Star Review System
    – Like Button Rating

  • Мария 21.03.2019

    Спасибо. Помогли)
    И последний вопрос всю голову сломала.
    Нужно что бы можно было сделать фильтр по датам. Соответственно, нужно в продукт вукомерс прописать атрибут или метку с датой. по которой ее потом искать. Но не смогла найти ка это реализовать.

  • Илья Журавлёв 21.03.2019 Автор

    При создании атрибута нужно поставить галочку возле Включить архивы. На странице товара в блоке Данные Товара, на вкладке Атрибуты добавьте и сохраните атрибут. На сайт можно добавить виджет Фильтрация товаров по атрибутам. Можно метки создать и добавлять их к товарам. Есть виджет облако меток товаров.

  • Мария 21.03.2019

    Спасибо, очень помогли))

  • Александр 16.06.2019

    Добрый день, отличные статьи. Я для фильтрации скачал плагин WOOF, но он почему то не выводит категории товаров, и не русифицирован, поэтому ищу другой плагин для фильтрации, ключевой вопрос – на смартфонах рекомендуемые вами плагины могут выводить фильтры над товарами, а не внизу страницы?

  • Илья Журавлёв 16.06.2019 Автор

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

Добавить комментарий

Ваш e-mail не будет опубликован.

 

Внимание! Вы соглашаетесь с Политикой конфиденциальности сайта info-effect.ru


Обратная связь

Политика конфиденциальности - Пользовательское соглашение