По вашим многочисленным просьбам я решил добавить в курс урок по созданию фильтра товаров в теме WooCommerce на AJAX. На всякий случай, AJAX – это значит, что фильтр работает асинхронно, без перезагрузки страницы.
Кстати, я ещё долго думал, куда лучше добавить этот урок – в курс про AJAX или всё же в этот курс. В итоге решил сюда.
Итак, давайте посмотрим, какой фильтр будем создавать с вами:
В этом уроке мы:
Поработаем с видимостью товаров в каталоге, ведь у нас не должны отображаться товары в фильтре, которые в принципе скрыты из каталога администратором.
Замаскируем чекбоксы под ссылки, работая с категориями товаров.
Научимся автоматически отправлять формы через JavaScript, не добавляя в них кнопки.
Реализуем фильтрацию по цене и по атрибутам товара.
Добавим возможность сортировки товаров, при этом сам выпадающий список сортировки будет находиться не в форме фильтра, а в другой части страницы.
И конечно же, ниже вы можете скачать готовый код фильтра с пояснениями в коде.