Привет! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина Woocommerce! Сегодня вы узнаете как добавить на свой сайт ajax фильтр товаров woocommerce. Вы сможете искать товары по фильтрам – категория, цена, размер, цвет, тег, распродажа, в наличии, по заголовку, SKU. Можно указать свои заголовки для фильтров. Можно скрыть определённые элементы.
Можно отображать товары в фильтрах в виде ссылки или чек-бокса. Можно выбрать стиль отображения фильтров, вертикальный или горизонтальный. Можно указать количество колонок и т.д.
Установить плагин Themify Product Filter вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, перейдите на страницу: Product Filters. На данной странице будут отображаться все созданные фильтры. Чтобы создать новый фильтр нажмите вверху на кнопку – Add new.
Далее, у вас откроется окно для создания фильтра товаров.
– Form Title, укажите название фильтра.
– Layout, выберите стиль отображения фильтра.
– Empty Fields, не показывать пустые поля.
– Product Sorting, скрыть сортировку товаров.
– Product Count, скрыть отображение количества товаров.
– Pagination, скрыть пагинацию товаров.
– Products Per Page, количество отображаемых товаров на одной странице при включённой пагинации.
– Toggle Field Groups, отображение переключателя для групп.
– Scroll To Result, включить прокрутку.
– Result Page Template, показывать результаты на той же странице или на отдельной странице.
Далее, вам нужно с помощью мыши перетащить нужные вам фильтры в нижнее поле. Каждый фильтр можно настроить, указать название фильтра и настроить дополнительные параметры. В конце, чтобы сохранить созданные фильтры нажмите на кнопку – Save.
Далее, на странице “WooCommerce Product Filters” у вас будет отображаться созданный фильтр. Вам нужно скопировать шорткод фильтра и вставить его на страницу, в запись, виджет или php файл.
Всё готово! У вас на сайте будет отображаться готовый фильтр товаров Woocommerce!
Остались вопросы? Напиши комментарий! Удачи!
Спасибо за обзор! Интересный плагин. Подскажите пожалуйста, как привязать созданный фильтр к определенной категории товаров, что б отображался в одной категории, и не отображался в другой?
Здравствуйте, фильтр можно ставить на любую страницу с помощью шорткода, в том числе и на страницу определённой категории. Только не пойму, зачем ? В фильтре ведь есть выбор категорий.
Спасибо! Статья отличная! Сегодня претворю в жизнь!
Работает не корректно! Всегда грузит одно и то же что бы не выбрал, а так надеялся на него, может что-то не так делаю?
Что значит “Работает не корректно” ? “Всегда грузит одно и то же что бы не выбрал”, что вы имеете ввиду ?
Данный плагин Я лично проверял на своём черновом сайте, всё работает !!!
Так и у меня все по началу работало, а потом перестало отображать выбранное, выбираешь, а открывается одна и та же категория на любой из выборов. Удалил и поставил другой фильтр.
Есть другой плагин для фильтра товаров Woocommerce.
Здравствуйте. Вопрос. Как сделать, чтобы фильтр отображал результаты только из той категории в которую зашел пользователь? А то получается, что заходишь в категорию “Рубашки” выбираешь в фильтре “Красный цвет” и фильтр показывает ВСЕ товары с атрибутом “Красный цвет”.
И еще вопрос. Почему-то, на сайте разработчика, в демо-видео фильтр работает без перезагрузки страницы, а по факту страница перезагружается, или это у всех так?))
Здравствуйте. У плагина нет такой функции. Вам тогда лучше обратиться к автору плагина, может он для вас сделает исключение и разработает такую примочку. Наверно вы смотрели продвинутую версию плагина.
День добрый!! Добавляю шорткод на страницу. Появляется фильтр, а товаров нет. Товары появляются только после того как выбираем что нибудь в фильтре.
Здравствуйте. Товары и не должны сразу отображаться. Только при выборе фильтра.
Как и писали выше: всегда выбирает одно и тоже, какой бы фильтр не выбрал. удалил.
Пишите автору плагина, пусть исправляет свой косяк, если он его ещё поддерживает.
Здравствуйте. В плагине есть еще возможность фильтра по фирме производителя. Как это реализовать? Хотел бы cделать такой же фильтр как на этом сайте.
Здравствуйте! Можно создать метки или категории с названием брендов и добавить в них соответствующие товары. Ярлык меток можно изменить на Бренды! Можно вообще вывести бренды отдельно с помощью плагина – WooCommerce Brands слайдер брендов товара! Можно ещё поискать какой-нибудь плагин, на WordPress их много, думаю можно найти что-то подходящее. Вот сюда ещё загляните, очень много Супер полезных плагинов Woocommerce!
супер, бомба, вообще класс, зэ бэст,…не работает фильтр
Здравствуйте! Фильтр рабочий, только что проверял! Наверно вы не до конца разобрались в настройках! Что именно у вас не работает? Вот здесь ещё фильтры есть – Супер плагины Woocommerce!
Здравствуйте, а как связать в этом фильтре выбор по двум атрибутам товаров? т.е. выбираем по первому атрибуту цвет – красный, а во втором размеры, но не все значения, а должны быть доступны для выбора только те которые есть в красном цвете.
Здравствуйте! Наверно проще создать такой атрибут, который объединяет в себе все нужные вам качества товара. Хотя, не понимаю, зачем это делать, если пользователь видит все доступные атрибуты, он просто выберет нужный ему атрибут и всё. Если такого атрибута нет, создайте его.
Илья, спасибо за ответ. А можно уточнить Что значит создать атрибут который объединяет в себе нужные качества товара? допустим у меня интернет магазин одежды. Цветов 20, размеров 10. т.е. максимальное значение вариаций будет 200(!) если объединить эти два атрибута в один. И в фильтре все 200 будут присутствовать для выбора? и Пользователь будет выбирать из них для фильтрации? На мой взгляд это не очень удобно :) Смысл моего вопроса чтоб избавиться от ситуаций когда Пользователь выбирает комбинацию атрибутов для фильтрации которых нет у товаров в магазине. PS Вы пользовались Умным фильтром на сайтах интернет магазина разработанных на Битриксе?
Нет, с Битрикс я не работал. А как такое возможно, что атрибутов нет у товаров? Атрибуты нужно привязывать к товаром, тогда такой ситуации не случится. Я как раз это и имел ввиду, один атрибут можно привязать к нескольким товарам.
prnt.sc/gqnmrd вот как мне нужно чтоб работал фильтр. Themify Product Filter можно так настроить? или может другой фильтр для Woocommerce есть который так можно настроить? вы же по многим плагинам делаете обзоры :)
Понимаю, такого плагина я точно не встречал. Вам разработчик нужен.
Добрый вечер! Спасибо за инфу, но интересно, как сделать так чтобы при фильтрации товары выходили на этой же странице и фильтр не исчезал?
Здравствуйте. Параметр Result Page Template позволяет показывать результаты на той же странице или на отдельной странице. Как фильтр исчезает?
Здравствуйте! Есть ли статья или решение, которое позволит сделать иерархию категорий в виде аккордеона (сворачиваемые дочерние категории)?
Здравствуйте. Да, есть такой плагин, смотрите здесь, в разделе “Категории” – Супер плагины Woocommerce.
Здравствуйте,
Почему то не видит прописанных атрибутов. Например, бодиков для мальчиков 5, а в фильтр не видит ничего. Подскажете в чем проблема?
Спасибо
Подскажите, я новичек и не понимаю куда именно вставить этот код, если woocommerce создает одну страницу магазина (раздел страницы). на этой странице находятся категории. Нажимая на категорию переходим к подкатегориям, а уже нажимая на них, мы переходим в список товаров и именно на этой странице важно, чтобы отражался горизонтальный фильтр. Перепробовала кучу плагинов, но результата ноль. Возможно вы могли бы помочь. Благодарю.
В файл который выводит товары.
Мне нравится фильтр, если делать с атрибутами всё корректно отображает, и сначала можно выбрать производителя, потом у этого производителя вид товаров, просто надо все правильно настроить и настраивать сам магазин и сами товары тогда все будет работать.. Но!!!!!!!! в бесплатной версии кнопку фильтр не переименовать ни как с админки… а на странице с товарами он подгружается каждый раз когда что то выбираешь и не все клиенты догадываются что потом ещё надо кнопку фильтр нажать чтоб он отфильтровал. Заказывала программиста всё отладил, но при обновлении каждый раз слетает…. Если у кого есть решение проблемы напишите
О и я нашла как избавится от кнопки фильтровать, осталось переименовать кнопку сброса
Рекомендую плагины:
– SiteOrigin CSS
– Loco Translate
как вставить шорт код?
Куда вставить?
на страницу с товарами, она как по стандарту называется?
Добрый день. Плагин супер, использую. Но есть вопрос, как сделать чтобы при фильтрации выводилась не ссылка на основной товар, а на его вариацию? Т.е я фильтрую допустим размер 150х150, у меня есть такая вариация из десяток других, и он мне показывает все товары где присутствует эта вариация, но ссылка не ведет именно на эту вариацию. Копался в файлах, нашел post_type = product, меня на product_variation не помогло. Может знает кто решение, буду благодарен.
Добрый вечер. С таким вопросом лучше сразу к разработчику обратиться. Если в настройках плагина нет, значит нужно доработку делать.
Да писал, не отвечает он. Видимо придется отдавать кому-то на доработку. Спасибо за ответ.
Что – то у меня на сайте этот фильтр не работает. Что не выберешь, всё равно унитазы. Самокритично, конечно но не полезно.
Есть ещё один плагин Ajax фильтр товаров Woocommerce, попробуйте его.
В плагине есть возможность не отображать поле в фильтре с атрибутом которого нет у товаров данной категории. Например по факту у категории 2 товара на каждого по своему значению атрибута, а в фильтре отображаются все 15 значений атрибута, а должно быть максимум 2