Ajax фильтр товаров Woocommerce, категории, атрибуты, цена – info-effect.ru

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

фильтр товаров woocommerce 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, показ только подкатегорий или детей атрибутов.

 

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

 

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

 

Остались вопросы? Напиши комментарий! Удачи!

 

Добавить комментарий для Илья Журавлёв Отменить ответ

  1. HerDecker

    Спасибо

    Ответить
  2. Константин

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

    Ответить
    1. Admin автор

      Пожалуйста!

      Ответить
  3. tochcha

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

    Ответить
    1. Admin автор

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

      Ответить
  4. Artem

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

    Ответить
    1. Admin автор

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

      Ответить
      1. Artem

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

  5. Фил

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

    Ответить
  6. Никита

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

    Ответить
    1. Admin автор

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

      Ответить
      1. Никита

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

      2. Admin автор

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

  7. Мария

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

    Ответить
    1. Admin автор

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

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

      Ответить
  8. Мария

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

    Ответить
    1. Admin автор

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

      Ответить
  9. Мария

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

    Ответить
  10. Александр

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

    Ответить
    1. Admin автор

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

      Ответить
  11. Михаил

    Подскажите можно ли на каждый атрибут установить свою цену, чтобы не указывать цену на каждую вариацию

    Ответить
    1. Admin автор

      Цену в атрибуте можно указать. Только в корзине она не будет учитываться. Посмотрите плагины WooCommerce Price Per Unit или Discount Rules for WooCommerce, могут вам помочь. Какие атрибуты у вас?

      Ответить
  12. Ольга

    А Вам не встречался плагин, который может вывести фильтр брендов в алфавитном порядке?

    Ответить
    1. Admin автор

      Вот этот плагин смотрели: WooCommerce Product Filter by WooBeWoo. Вот у этого плагина есть функция алфавитной сортировки: WooCommerce Extra Product Sorting Options

      Ответить