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


 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина Woocommerce ! Сегодня вы узнаете как добавить на свой сайт ajax фильтр товаров woocommerce. Вы сможете искать товары по фильтрам — категория, цена, размер, цвет, тег, распродажа, в наличии, по заголовку, SKU. Можно указать свои заголовки для фильтров. Можно скрыть определённые элементы. Можно отображать товары в фильтрах в виде ссылки или чек-бокса. Можно выбрать стиль отображения фильтров, вертикальный или горизонтальный. Можно указать количество колонок и т.д.

 

Product Filter woocommerce

 

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

 

Themify Product Filter

 

Далее, после установки и активации плагина, перейдите на страницу: Product Filters. На данной странице будут отображаться все созданные фильтры. Чтобы создать новый фильтр нажмите вверху на кнопку — Add new.

 

Product Filters

 

Далее, у вас откроется окно для создания фильтра товаров.

 

фильтр товаров интернет-магазин

 

— Form Title, укажите название фильтра.

— Layout, выберите стиль отображения фильтра.

— Empty Fields, не показывать пустые поля.

— Product Sorting, скрыть сортировку товаров.

— Product Count, скрыть отображение количества товаров.

— Pagination, скрыть пагинацию товаров.

— Products Per Page, количество отображаемых товаров на одной странице при включённой пагинации.

— Toggle Field Groups, отображение переключателя для групп.

— Scroll To Result, включить прокрутку.

— Result Page Template, показывать результаты на той же странице или на отдельной странице.

 

Далее, вам нужно с помощью мыши перетащить нужные вам фильтры в нижнее поле. Каждый фильтр можно настроить, указать название фильтра и настроить дополнительные параметры. В конце, чтобы сохранить созданные фильтры нажмите на кнопку — Save.

 

Edit Product Filter Form

 

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

 

WooCommerce Product Filters

 

Всё готово ! У вас на сайте будет отображаться готовый фильтр товаров Woocommerce !

 

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

 






info-effect.ru
Product Filter фильтр товаров Woocommerce обновлено: Декабрь 19, 2016 автором: Илья Журавлёв

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

  • grizzli 05.01.2017 Ответить

    Спасибо за обзор! Интересный плагин. Подскажите пожалуйста, как привязать созданный фильтр к определенной категории товаров, что б отображался в одной категории, и не отображался в другой?

    • Илья Журавлёв 05.01.2017 Ответить Автор

      Здравствуйте, фильтр можно ставить на любую страницу с помощью шорткода, в том числе и на страницу определённой категории. Только не пойму, зачем ? В фильтре ведь есть выбор категорий.

  • Helena 01.02.2017 Ответить

    Спасибо! Статья отличная! Сегодня претворю в жизнь!

  • Александр 28.03.2017 Ответить

    Работает не корректно! Всегда грузит одно и то же что бы не выбрал, а так надеялся на него, может что-то не так делаю?

    • Илья Журавлёв 28.03.2017 Ответить Автор

      Что значит «Работает не корректно» ? «Всегда грузит одно и то же что бы не выбрал», что вы имеете ввиду ?

      Данный плагин Я лично проверял на своём черновом сайте, всё работает !!!

  • Александр 28.03.2017 Ответить

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

  • Андрей 08.05.2017 Ответить

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

    • Илья Журавлёв 08.05.2017 Ответить Автор

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

  • Алексей 25.05.2017 Ответить

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

    • Илья Журавлёв 25.05.2017 Ответить Автор

      Здравствуйте. Товары и не должны сразу отображаться. Только при выборе фильтра.

  • Константин 19.07.2017 Ответить

    Как и писали выше: всегда выбирает одно и тоже, какой бы фильтр не выбрал. удалил.

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

      Пишите автору плагина, пусть исправляет свой косяк, если он его ещё поддерживает.

  • Владимир 25.08.2017 Ответить

    Здравствуйте. В плагине есть еще возможность фильтра по фирме производителя. Как это реализовать? Хотел бы cделать такой же фильтр как на этом сайте.

    • Илья Журавлёв 25.08.2017 Ответить Автор

      Здравствуйте! Можно создать метки или категории с названием брендов и добавить в них соответствующие товары. Ярлык меток можно изменить на Бренды! Можно вообще вывести бренды отдельно с помощью плагина — WooCommerce Brands слайдер брендов товара! Можно ещё поискать какой-нибудь плагин, на WordPress их много, думаю можно найти что-то подходящее. Вот сюда ещё загляните, очень много Супер полезных плагинов Woocommerce!

  • Вовка 02.09.2017 Ответить

    супер, бомба, вообще класс, зэ бэст,…не работает фильтр

    • Илья Журавлёв 02.09.2017 Ответить Автор

      Здравствуйте! Фильтр рабочий, только что проверял! Наверно вы не до конца разобрались в настройках! Что именно у вас не работает? Вот здесь ещё фильтры есть — Супер плагины Woocommerce!

  • Надежда 26.09.2017 Ответить

    Здравствуйте, а как связать в этом фильтре выбор по двум атрибутам товаров? т.е. выбираем по первому атрибуту цвет — красный, а во втором размеры, но не все значения, а должны быть доступны для выбора только те которые есть в красном цвете.

    • Илья Журавлёв 27.09.2017 Ответить Автор

      Здравствуйте! Наверно проще создать такой атрибут, который объединяет в себе все нужные вам качества товара. Хотя, не понимаю, зачем это делать, если пользователь видит все доступные атрибуты, он просто выберет нужный ему атрибут и всё. Если такого атрибута нет, создайте его.

      • Надежда 27.09.2017 Ответить

        Илья, спасибо за ответ. А можно уточнить Что значит создать атрибут который объединяет в себе нужные качества товара? допустим у меня интернет магазин одежды. Цветов 20, размеров 10. т.е. максимальное значение вариаций будет 200(!) если объединить эти два атрибута в один. И в фильтре все 200 будут присутствовать для выбора? и Пользователь будет выбирать из них для фильтрации? На мой взгляд это не очень удобно :) Смысл моего вопроса чтоб избавиться от ситуаций когда Пользователь выбирает комбинацию атрибутов для фильтрации которых нет у товаров в магазине. PS Вы пользовались Умным фильтром на сайтах интернет магазина разработанных на Битриксе?

        • Илья Журавлёв 27.09.2017 Ответить Автор

          Нет, с Битрикс я не работал. А как такое возможно, что атрибутов нет у товаров? Атрибуты нужно привязывать к товаром, тогда такой ситуации не случится. Я как раз это и имел ввиду, один атрибут можно привязать к нескольким товарам.

  • Надежда 28.09.2017 Ответить

    prnt.sc/gqnmrd вот как мне нужно чтоб работал фильтр. Themify Product Filter можно так настроить? или может другой фильтр для Woocommerce есть который так можно настроить? вы же по многим плагинам делаете обзоры :)

    • Илья Журавлёв 28.09.2017 Ответить Автор

      Понимаю, такого плагина я точно не встречал. Вам разработчик нужен.

  • Кейт 22.10.2017 Ответить

    Добрый вечер! Спасибо за инфу, но интересно, как сделать так чтобы при фильтрации товары выходили на этой же странице и фильтр не исчезал?

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

      Здравствуйте. Параметр Result Page Template позволяет показывать результаты на той же странице или на отдельной странице. Как фильтр исчезает?

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

восклицательный знак Отправляя свои данные Вы соглашаетесь с Политикой Конфиденциальности сайта info-effect.ru.


Яндекс.Метрика

- Карта - Связь - Мой хостинг

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

Стрелка вверх