В 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) — скрыты.

Категории товаров в WooCommerce — это основной способ группировки товаров со схожими характеристиками. При необходимости к категориям вы также можете добавить подкатегории.

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

В этой статье мы рассмотрим, как можно изменить очерёдность отображения категорий на клиентской (публичной) части сайта.

Переходим в раздел Категории и методом перетаскивания — выставляем нужный порядок у категорий.

Наглядный пример:

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

Это также справедливо и для вывода списка категорий при помощи виджета

Чтобы выгрузить данные об атрибутов товарах с сайта мы можем задействовать встроенный механизм WooCommerce который доступен нам на странице всех товаров. Находясь в этом разделе Все товары мы можем обнаружить две кнопочки Импорта и Экспорта товаров. Выбираем Экспорт.

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

Указываем столбец ID (для идентификации товаров) и столбец Атрибуты

Если на вашем сайте существует система Артикулов, то можно выбрать столбик Артикул для идентификации товаров, так как ID это по сути удобно для идентификации товаров внутри WordPress/WooCommerce, а если ваш интернет-магазин взаимодействует в обмене и данных с другими системами, такими как 1С и у вас уже есть система распознавания (идентификации) товаров по артикулу, то вероятно правильным выбором будет задействовать вместо столбца ID столбик Артикул.

Далее нажимаем Сгенерировать CSV и перед нами отобразится процесс генерации файла формата CSV

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

И в связи с этим, первая рекомендация: избегайте работу с экспортируемым файлом в Microsoft Excel из-за проблем с форматированием и кодировкой символов

Для удобной работы с данными я рекомендую использовать, например, Google Таблицы

Как импортировать файл экспорта в Google Таблицы?

1. Переходим к разделу создания новых таблиц
2. Создаём новую Таблицу

Далее переходим Файл > Импортировать

И выбираем вкладку Добавить для возможности загрузки файла с вашего компьютера.

Выбираем файл который вы экспортировали

На этом шаге я не менял настройки, оставив их по умолчанию и просто произвёл импорт данных

Отлично! Теперь наши данные в читабельном формате и дальнейшая работа с ними будет проходит значительно удобнее

Задача: Создать атрибуты (характеристики) для товара в интернет-магазине под управлением WordPress + WooCommerce.

Что такое атрибуты в WooCommerce?

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

В WooCommerce атрибуты товаров создаются и управляются через административную панель. Продавец может создать новый атрибут товара, назвать его и определить тип данных, который он будет содержать (например, текст, число или выбор из списка). Затем он может присвоить этот атрибут определенным товарам в каталоге, чтобы добавить подробную информацию о них.

Решение: Переходим в подраздел Атрибуты раздела Товары. Даём имя нашему атрибуту (характеристике) товара и добавляем в систему.

После успешного добавления ваши атрибуты будут появляться в системе. Но может возникнуть и проблема. Ярлык атрибута не может быть более 28 символов, поэтому, если вы увидите подобную ошибку, то исправить её можно путём редактирования Ярлыка — его сокращением.

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

Рекомендуется создавать (или изменить) Ярлыки на латинские символы, либо правильным переводом: цвет = color, либо транслитерацией, то есть просто превращая кириллические символы в латинские: состав=sostav

Созданным атрибутом можно сразу определить порядок сортировки по умолчанию. Это очень полезная функция, например для указания размеров. Очень удобно когда они идут последовательно в возрастающем порядке: 42, 44, 48, 50, 52 и т.д.

P.S. данному примеру будет соответствовать выбор Название (числовое)

После создания Атрибутов, осталось наполнить их значениями. Это можно сделать сразу, предопределив эти значения для удобства или добавлять значения в момент добавления товара прямо из его карточки. Рассмотри оба варианта.

Добавление значений (вариантов) атрибутов из раздела Атрибуты

Переходим по ссылке Настройка значений нужного атрибута

По аналогии с добавлением самого атрибута добавляем уже его варианты (значения). Указываем: Имя, Ярлык и нажимаем Добавить

Обратите внимание на примечание:

«Ярлык» — это вариант названия, подходящий для URL. Обычно содержит только латинские буквы в нижнем регистре, цифры и дефисы.

Добавляя варианты цвета я сразу задавал им названия на латинице. В итоге получилось:

Если требуется отсортировать названия вариантов, то вы уже знаете как это можно сделать 🙂 Только в этом случае нужно в настройке атрибута выбрать значение Имя

Теперь наши значения будут идти в алфавитном порядке

Как прикрепить атрибут к товару?

Переходим в режим редактирования нужного товара

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

Добавим существующий атрибут Цвет

После этого нам необходимо выбрать соответствующее свойству товара значение. Добавлять мы можем сразу все значения, например, это удобно делать в линейке размеров или добавить выборочно. Также возможно создать Новое значение, но об этом чуть позже. Обратите внимание на ссылку Удалить. Эта ссылка просто удаляет, а вернее открепляет данный атрибут от товара. То есть он по прежнему будет в глобальной базе и никуда не денется.

Так как наша шапочка имеет красный цвет, добавим ей соответствующее значение:

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

Добавление атрибутов и значений прямо из карточки товара

Бывают случаи когда требуется «на ходу» добавлять новые атрибуты и значения прямо из карточки товара в которой вы работаете, а не скакать постоянно по разделам.

Рассмотрим пример добавления Страны изготовления. Для этого в режиме редактирования товара, нам необходимо:

1. выбрать Добавить
2. Указать Имя атрибута
3. Указать Значение(я) атрибута. Если значений несколько, то в качестве разделителя выступает вертикальная черта.
4. Сохранить атрибуты

Теперь на странице товара у нас отображается две характеристики:

Как поменять местами атрибуты?

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

Нюансы. Баг или фича?

Добавляя новые атрибуты из карточки товара они не добавляются в общий раздел Атрибутов 🙁 Как мы видим, в списках нет добавленного атрибута Страна

И при добавлении атрибута для нового товара, ранее добавленный атрибут через карточку товара не доступен для поиска 🙁

Я бы посоветовал заранее определять Атрибуты из раздела Атрибутов и сразу задавать нужные значения.

А вот в случае, если атрибут уже предопределён и мы вносим несуществующее новое значение, как в примере ниже: у нас есть заранее созданный атрибут Состав и мы добавляем ему новое значение прямо из карточки товара

Во всплывающем окне указываем значение

сохраним изменения

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

Ну и не забывайте менять Ярлыки на латиницу 🙂

Архивы по значению атрибута

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

Переходим в режим редактирования атрибута Цвет и включаем Архивы:

Что произошло? Теперь нам доступна выборка всех товаров нашего магазина по цвету. В карточке товара значение цвета теперь является ссылкой, по клику на которую мы перемещаемся на страницу где будет доступна выборка всех товаров магазина у которых в качестве цвета указан Красный

А как вы создаёте атрибуты и с какими трудностями и неожиданностями сталкивались? Напишите в комментариях.