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 автором: Илья Журавлёв

3 комментария

  • grizzli 05.01.2017 Ответить

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

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

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

  • Helena 01.02.2017 Ответить

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

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

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


8 + 3 =




Яндекс.Метрика
Стрелка вверх