Code==Poetry

В WooCommerce есть крайне полезная функция Рекомендуемых товаров, которую, в силу каких то причин, мало кто использует ?‍♂️

В этой обзорной статье мы рассмотрим функцию Рекомендуемые товары.

Как включить Рекомендуемые товары?

Для этого перейдите в раздел всех товаров и первым делом убедитесь в настройках экрана, что у вас включен столбик, при помощи которого ставится эта отметка принадлежности товара к избранным (рекомендуемым)

при включенном отображении у вас в таблице товаров должен находится столбик со звёздочками. Именно при помощи него можно отмечать товары, как избранные.

второй способ, при помощи которого вы можете отметить товар, находится в разделе Свойства. В каждой карточке товара при быстром редактировании (нажав Свойства) можно также управлять принадлежностью того или иного товара к Рекомендуемым.

Если необходимо массово изменить статус Рекомендуемых товаров, то удобным способом будет массовое редактирование. Выделяем нужные товары, и нажимаем Изменить

После этого в режиме массового редактирование устанавливаем Да или Нет

В режиме редактирования карточки товара функция отметки товара как Рекомендуемый тоже доступна, правда немного скрыта. Нужно распахнуть раздел в блоке Опубликовать:

и сделать отметку

Как выводить рекомендуемые товары?

Что ж, мы отметили ряд товаров, как Рекомендуемые и теперь наша задача вывести их отдельно на странице. Для этого в WooCommerce есть полезный и безопасный для новичков функционал — шорткоды, при помощи которых мы выведем наши Рекомендуемые товары.

Создайте произвольную страницу и в тело страницы вставьте вот этот шорткод [featured_products]. У меня это выглядит вот так:

Теперь, перейдя на эту страницу в публичной части сайта, мы увидим наши отмеченные товары

А при помощи специальных атрибутов, описание которых доступно в документации, можно кастомизировать вывод наших товаров. В данном примере я использую другой шорткод, но с атрибутами, которые позволяют выводить те же Рекомендуемые товары, но только в верстке двух колонок:

Вывод при помощи виджетов

В разделе виджеты доступны независимые блоки для вывода Рекомендуемых товаров. Они не зависимы от ваших отметок, которые мы рассматривали ранее. То есть добавив этот блок вам необходимо заново отметить товары которые будут выступать в качестве Рекомендуемых. По сути это отдельный функционал. Что бы избежать путаницы я бы его назвал иначе, например, Группировка товаров или Избранные.

Добавив блок нужно отметить заново товары.

Это справедливо и для категорий. То есть можно выводить все товары которые принадлежат Избранной категории.

Учтите, что это разные функционалы. И отмеченные ранее товары как Рекомендуемые не будут учитываться в этих блоках.

Если требуется скрыть товары которых нет в наличии, то необходимо выполнить два условия:

1. Включить функцию Управления запасами. Перейдите в раздел WooCommerce > Настройки > вкладка Товары > Запасы и включите функцию управления запасами

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

Вот и всё! Теперь давайте посмотрим, как это работает. Перейдём в карточку любого товара к разделу его статуса:

Когда отмечен статус В наличии мы можем наблюдать наш товар на витрине нашего электронного магазина:

Теперь поставим настройку Нет в наличии и снова обратимся к витрине нашего магазина:

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

Да! Ожидаемое поведение, хороший UX. Исключенные товары (которых нет в наличии) при этой настройке не доступны для поиска.

Но у нас остался ещё один статус — Предзаказ. Давайте отметим его и посмотрим, что из этого получится.

1. Товар появится на витрине
2. Товар будет доступен для поиска

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

В WordPress есть специальный хук-action pre_get_posts, который позволяет изменять информацию экземпляра текущего запроса $wp_query и при помощи «сеттеров» мы можем повлиять на текущий запрос. Выглядит в виде кода это примерно так:

add_filter( 'pre_get_posts', 'poet_show_in_stock_only', 100 );

function poet_show_in_stock_only( $query ) {
	// не админка и это основной запрос с публичной части сайта
	if ( ! is_admin() && $query->is_main_query() ) {

		$query->set(
			'meta_query',
			[
				[
					'key'     => '_stock_status',
					'value'   => [ 'outofstock', 'onbackorder' ], // исключаем
					'compare' => 'NOT IN'
				]
			]
		);

	}
}

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

Но этого мало. При помощи условных тегов, которые справедливы только для WooCommerce, мы можем конкретизировать наш запрос и добавить ещё блок условий при которых будет вызываться наш «сеттер»:

add_filter( 'pre_get_posts', 'poet_show_in_stock_only', 100 );

function poet_show_in_stock_only( $query ) {
	// не админка и это основной запрос с публичной части сайта
	if ( ! is_admin() && $query->is_main_query() ) {

		if ( is_shop() || is_product_category() || is_product_tag() ) {

			$query->set(
				'meta_query',
				[
					[
						'key'     => '_stock_status',
						'value'   => [ 'outofstock', 'onbackorder' ],
						'compare' => 'NOT IN'
					]
				]
			);

		}
	}
}

• is_shop() — Главная архивная страница товаров (как правило адрес /shop/ )
• is_product_category() — Страница Категории товаров
• is_product_tag() — аналогично Категории, но только страница каталога с товарами объединённых определённым тегом (меткой)

После добавления данного кода будут отображаться товары только со статусом В наличии (instock), а Нет в наличии (outofstock) и Предзаказ (onbackorder) — скрыты.