Фильтр товаров

Урок 4

  Получите бесплатный доступ к первому уроку курса, для этого зарегистрируйтесь или войдите.

Урок 4

Как создать фильтр товаров на WooCommerce? 2 способа.

В этом видеоуроке я действительно покажу вам два способа создания фильтра товаров в вашей теме WooCommerce. Если вы помните, то на нашей вёрстке фильтр товаров выглядит так:

Создание фильтра товаров WooCommerce

1. Создание фильтра товаров при помощи виджетов WooCommerce

На самом деле – это очень интересная реализация при помощи функционала виджетов и сайдбаров WordPress. Если вы хотите дать администратору сайта с вашей темой максимальную свободу, чтобы он например мог добавлять любые фильтры (по цене, атрибуту) и менять их местами, то это реализация заслуживает быть в вашей теме.

виджеты фильтра товаров в WooCommerce

Однако помните, что при создании фильтра товаров на виджетах у нас есть ограничения – мы не сможем свободно менять любой HTML виджетов фильтра и нам вероятнее всего придётся менять СSS вёрстки, для того, чтобы подстроить его под HTML виджетов.

2. Создание фильтра товаров на чистом коде

Разобравшись с виджетами, в уроке мы сразу же приступим ко второй реализации фильтра – при помощи кода.

Да, я знаю, что виджеты – это тоже по сути код 😁 Но я надеюсь, что вы поняли, что я имею ввиду.

  • Создадим те же самые фильтры – по цене, размеру и категории товаров.
  • Рассмотрим трудности, которые могут встретиться при создании фильтра таким способом.