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

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

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

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

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

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

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

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

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

Список уроков

• Вступление05:27
• Основные принципы18:54
• Карточка товара26:53
• Страница Магазин31:31
• Фильтр товаров37:08
• Страница товара25:26
• Галерея изображений товара13:18
• Добавление в корзину47:10
• Похожие товары08:27
• Отзывы21:45
• Корзина33:08
• Мини-корзина28:43
• Оформление заказа33:14