AJAX фильтр товаров

Урок 14

Зарегистрируйтесь или войдите и получите бесплатный доступ к первому уроку курса.

Урок 14

AJAX фильтр товаров

По вашим многочисленным просьбам я решил добавить в курс урок по созданию фильтра товаров в теме WooCommerce на AJAX. На всякий случай, AJAX – это значит, что фильтр работает асинхронно, без перезагрузки страницы.

Кстати, я ещё долго думал, куда лучше добавить этот урок – в курс про AJAX или всё же в этот курс. В итоге решил сюда.

Итак, давайте посмотрим, какой фильтр будем создавать с вами:

В этом уроке мы:

  • Поработаем с видимостью товаров в каталоге, ведь у нас не должны отображаться товары в фильтре, которые в принципе скрыты из каталога администратором.
  • Замаскируем чекбоксы под ссылки, работая с категориями товаров.
  • Научимся автоматически отправлять формы через JavaScript, не добавляя в них кнопки.
  • Реализуем фильтрацию по цене и по атрибутам товара.
  • Добавим возможность сортировки товаров, при этом сам выпадающий список сортировки будет находиться не в форме фильтра, а в другой части страницы.

И конечно же, ниже вы можете скачать готовый код фильтра с пояснениями в коде.

Для доступа к файлам необходимо приобрести курс.

Купить курс
  • 14 видеоуроков
  • Доступ к HTML + CSS курса
  • Доступ к теме WooCommerce, которая получится в результате
  • Уроки регулярно обновляются в соответствии с изменениями WooCommerce
  • Доступ навсегда
9000 р

Нажав на кнопку, вы соглашаетесь c условиями предоставления услуг и с обработкой персональных данных.