Виджеты WooCommerce

Можно сказать это дополнению к моему руководству по виджетам WordPress. Мы рассмотрим виджеты, которые появятся у вас при установке плагина WooCommerce.

Я разделил их на две группы — те, с помощью которых можно создать фильтры товаров в интернет-магазине и все остальные 😀, ну а в конце урока я покажу, как убрать из админки любой их них.

Также рекомендую мой видеоурок по созданию фильтра товаров на основе виджетов 🚀

Отображение товаров, корзина, категории и теги

  • WooCommerce товары WC_Widget_Products — по сути самый мощный виджет, позволяет вывести все товары, либо рекомендованные, либо те, которые с распродажей и сортировать их по цене, по дате или по количеству продаж (что позволяет замутить виджет Топ продаж).
    Виджет для вывода товаров WooCommerce

    Возникает только вопрос — что значит «заказ по возрастанию» ? Это ошибка перевода, там имелся ввиду Порядок, а не Заказ, то есть если вы сортируете по цене, то по возрастанию будет значить — начать с самой маленькой цены, а по убыванию — наоборот — с самого дорогого товара.

  • WooCommerce категории товара WC_Widget_Product_Categories — виджет очень похож на стандартный вордпрессовский виджет с выводом рубрик блога.
    Виджет категорий товара в WooCommerce
  • WooCommerce метки товара WC_Widget_Product_Tag_Cloud — очень похож на стандартный виджет Облако меток, я бы даже сказал, что это более урезанная версия, потому что со стандартным Облаком меток вы сможете сделать то же самое, и даже больше. Тем не менее такой виджет тоже присутствует. Для сравнения я сделал скриншот обоих виджетов сразу:
    Виджет меток товара WooCommerce
  • WooCommerce поиск по товарам WC_Widget_Product_Search — то же самое, что и обычный поиск WordPress, но только поиск осуществляется по типу записей product.
    Виджет поиска по товарам
  • WooCommerce товары с высоким рейтингом WC_Widget_Top_Rated_Products
    Виджет товаров с высоким рейтингом
  • WooCommerce недавно просмотренные товары WC_Widget_Recently_Viewed
    Виджет недавно просмотренных товаров
  • Woocommerce корзина WC_Widget_Cart
    Виджет корзины

Виджеты для фильтрации товаров


А теперь самая интересная часть — если вы используете перечисленные ниже виджеты на страницах архивов товаров — это могут быть категории товаров, либо витрина интернет-магазина, то эти виджеты превращаются в фильтры! На всех остальных страницах они просто не отображаются.

  • WooCommerce Навигационные фильтры WC_Widget_Layered_Nav_Filters — этот виджет просто показывает текущие активные фильтры и позволяет их сбросить.
    WooCommerce виджет активных фильтров товаров
  • WooCommerce Навигация по слоям WC_Widget_Layered_Nav — даёт возможность фильтровать товары магазина по какому-либо атрибуту, например цвету или размеру, тип запроса означает, что если вы используете два фильтра по атрибутам и у вас стоит ИЛИ, тогда хотя бы один из них должен совпадать, а если стоит И, то все атрибуты должны совпадать, иначе товар не отобразится в результатах (более подробнее этот момент рассмотрен на видео).
    Виджет фильтра товаров WooCommerce по атрибуту
  • Фильтр средних оценок WooCommerce WC_Widget_Rating_Filter
    Виджет фильтрации товаров по среднему рейтингу
  • WooCommerce Фильтр по цене WC_Widget_Price_Filter
    Фильтр по цене

Отключение виджетов WooCommerce

Про отключения стандартных виджетов WordPress я уже писал ранее. C виджетами WooCommerce ситуация примерно такая же.

Например зачем нам нужен виджет с облаком тегов товара? Давайте его отключим, ведь стандартный вордпрессовский выполняет ту же функцию.

add_action( 'widgets_init', 'true_remove_woo_widgets', 20 );
 
function true_remove_woo_widgets() {
 	unregister_widget('WC_Widget_Product_Tag_Cloud'); // нужно указать класс виджета
 
}

Классы виджетов указаны рядом с описанием каждого виджета выше в этом уроке. Код же вполне можно отправить в functions.php, если не знаете куда.

Миша

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Пишите, если нужна помощь с сайтом или разработка с нуля.

Комментарии — 4

Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь или войдите.

Миша Рудрастых и WordPress

Полезности из мира WordPress и жизни студии.

Мой телеграм-канал