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 !

 

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

 



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

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

  • 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 Ответить Автор

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

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

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



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

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

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