Featured products woocommerce как настроить

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

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

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

Создание Featured Products

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

Это можно сделать несколькими способами:

1. Через быстрое редактирование свойств объекта на странице со списком товаров — ставится галочка в поле «рекомендуемый»;
2. Кликом по символу «звездочки» на той же странице всей продукции;
3. При создании/правке отдельного товара в блоке свойств «Опубликовать» есть ссылка «Изменить» (рядом с пунктом «Видимость в каталоге«): кликаете по ней, устанавливаете нужную опцию, жмете «Ок» и сохраняете.

Теоретически, сюда еще можно было добавить вариант с массовым редактированием wordpress записей — для WooCommerce эта фишка также актуальна.

Отображение рекомендуемых товаров

Самый простой способ вывода избранной продукции — через виджет. Заходите в раздел «Внешний вид» — «Виджеты», где выбираете блок WooCommerce Featured Products. В нем всего две настройки: заголовок и количество элементов для показа. В некоторых премиум шаблонах с продвинутой функциональностью базовый виджет может быть заменен на улучшенный вариант с большем числом параметров.

Также допускается вывод избранных рекомендуемых товаров с использованием шорткода. Здесь встречал несколько разных типов записей. Насколько я понимаю, они зависят от вашей версии WooCommerce. Первый вариант тестировал у себя на сайте (там 2.6.х), второй найден в официальной документации по модулю (действует с 3.1.х):

[featured_products per_page=»6″ columns=»3″ orderby=»date» order=»desc»] [products limit=»8″ columns=»2″ visibility=»featured» ]

Новый шорткод products более универсальный. Если вам нужно выводить информацию через файл шаблона, то там он подключается с помощью дополнительной функции, например:

Выводим Featured Products в начале

Недавно у меня была задача, когда требовалось показывать определенные товары перед всеми остальными записями. Тут имеется несколько подходов. Изначально я собирался использовать метод аналогичный выводу подкатегории с woocommerce_before_shop_loop, где бы добавил шорткод отображения конкретного объекта [product Однако при этом возникают проблемы с оформлением элемента, показываемого отдельно, плюс глюки в постраничной навигации.

Есть вариант с применением в магазине пользовательской сортировки, либо можно было бы попробовать внедрить какой-то хак с классом WP_Query. Последнее, что приходит на ум, — реализация через рекомендуемые товары и модуль Featured Products First for WooCommerce.

С помощью плагина избранные Featured товары легко выводятся перед остальными. Эта опция может включается/выключается для:

• архивной страницы категорий продукции;
• главной (Shop Page);
• результатов поиска (Product Search).

Соответствующие параметры находятся в настройках WooCommerce, раздел «Товары» — «Отображение»:

У данного подхода есть несколько особенностей:

• В ходе тестирования решение корректно работало ТОЛЬКО при выборе «Сортировки по умолчанию». В принципе, это логично — было бы неправильно выводить какой-то из товаров среди самых дешевых или популярных, если он таковым не является.
• Плагин применяется сразу для всех без исключения рекомендуемых товаров на сайте (в любых категориях).

Учитывая эти нюансы, моя начальная задача с показом 1-2 товаров в начале списка продукции не может полноценно реализовываться через данный модуль. Тут либо использовать произвольную (исходную) сортировку WooCommerce либо «химичить» с WP_Query. Тем не менее, плагин отлично справляется с отображением Featured Products в начале списка товаров (чем, собственно, и должен заниматься).

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

Источник

Учимся использовать рекомендованные товары в WooCommerce

Рекомендованные товары (англ.: Featured Products) – один из способов акцентирования внимания посетителя сайта на определенных товарных позициях, которые можно вывести на страницах и в записях с помощью виджета, шорткода, блока визуального редактора контента Gutenberg. По мере развития интернет-магазина WooCommerce, способы отображения этой категории реализуемой продукции неоднократно менялись. В этой статье мы кратко рассмотрим историю изменений, разберемся, как создать и настроить рекомендованные товары WooCommerce, как вывести их на страницах и в записях в разных версиях расширения электронной коммерции.

Терминология

Слово «рекомендованный» – слишком вольный перевод «featured». В контексте функционала электронного магазина этому термину скорее соответствует словарное определение «имеющий характерные особенности» (английский) или «прославленный», «нашумевший», лучший в своем роде (американский английский). Если «featured actor» – актер первого плана, исполнитель главных ролей в фильмах/спектаклях, то «featured product» – это скорее не рекомендованный, а лучший продукт в своем роде. Или имеющий характерные особенности, выгодно отличающие его от аналогичных товаров. Причем сама суть преимущества, будь то идеальное соотношение цены и качества, выдающиеся технические характеристики или неординарный дизайн, остается за кадром.

История изменений

• 2.1: определение новой функции wc_get_featured_product_ids(), дающей на выходе список ID рекомендованных товаров;
• 2.5.0: появляется WC_Widget_Products, расширение класса WC_Widget (входит в WP_Widget);
• 3.0: прекращена поддержка старой функции woocommerce_get_featured_product_ids();
• 3.2 исключен шорткод [featured_products];
• 3.2 вывод рекомендованных товаров включен в шорткод [products];
• 3.6: блок Featured Product, работающий в связке с редактором Gutenberg;
• 3.7: в рамках новой модели «Features as Plugins» началась «обкатка» блоков в расширении WooCommerce Blocks, определенном 18 октября 2018 года как «feature plugin» (функции для бета-тестирования, которые планируется позднее включить в ядро WooCommerce).

Дополнение WooCommerce Blocks разрабатывалось под редактор Gutenberg, впервые появившийся в WordPress 5.0. Первоначально Featured Product и другие блоки подключались с помощью расширения Products Blocks, определенного как «Feature Plugin», в который входят новые экспериментальные функции, нуждающиеся в бета-тестировании.

При следующем апдейте добавили предварительный просмотр в режиме реального времени. В последних релизах WooCommerce (начиная с версии 3.6) стабильные версии блоков, уже «обкатанные» в плагине WooCommerce Blocks, включаются непосредственно в ядро интернет-магазина как блоки визуального редактора контента Gutenberg.

Как создать Featured Products

Товар можно сделать «рекомендуемым» на странице с перечнем продукции в консоли администрирования. Для этого нужно либо нажать на значок с изображением звездочки справа от нужного объекта в общем списке, либо в редактировании свойств отдельного продукта поставить флажок в чекбоксе «Рекомендуемый» (Featured) справа от выпадающего списка «Видимость» (Visibility) в секции «Данные товара».

Еще один способ – установить флажок в соответствующем чекбоксе в блоке опций «Опубликовать» нужной товарной позиции. Флаговая кнопка находится прямо над «ОК».

Шорткоды [featured_products] и [products]

В плагине электронной коммерции WooCommerce до версии 3.2 для отображения товаров использовалось несколько шорткодов, включая [top_rated_products] (лучшие по рейтингу), [recent_products] (последние добавленные), [best_selling_products] («бестселлеры», лучше всего продающиеся) и другие. За отображение рекомендованных товаров отвечал шорткод [featured_products]. Пример использования:

[featured_products per_page=”8″ columns=”2″ orderby=”date” order=”desc”]

Этот шорткод выводит 8 рекомендованных товаров в две колонки. Товарные позиции сортируются по дате в порядке убывания.

Начиная с версии 3.2, все эти функции включены в шорткод [products]. Он существовал и ранее, но в ранних релизах отвечал только за вывод нескольких товарных позиций по списку ID или артикулов (SKU). Чтобы отображать на странице или в записи рекомендованные товары, аргументу ‘visibility’ должно быть присвоено значение «featured». Пример:

[products limit=”6″ columns=”2″ visibility=”featured”]

Этот шорткод загрузит до шести первых рекомендованных товаров в два столбца. По умолчанию товарные позиции сортируются по алфавиту, от A до Z и от «А» до «Я», однако порядок сортировки может быть переопределен аргументами ‘orderby’ и ‘order’. Описание этих и других атрибутов смотрите в официальной документации WooCommerce (Getting Started > Settings & Options > Shortcodes).

Блок Featured Product

Блок Featured Product доступен в электронном магазине WooCommerce версии 3.6 и выше, а также в плагине Products Blocks (WooCommerce Blocks). При разработке виджета программисты Automattic пошли по пути упрощения. В первых релизах блок включал в себя множество опций, в том числе переключатели отображения названия и рейтинга товара, цены, кнопки «Добавить в корзину». В последующих версиях количество настроек сократилось до четырех и даже до двух. Первый вариант (4 опции): источник списка товарных позиций (по умолчанию «All Products», «Все товары»), бегунки и текстовые поля количества колонок и рядов, порядок сортировки в виде выпадающего списка. Вариант с двумя опциями: название, количество товаров для отображения.

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

Виджет WooCommerce Products

Чтобы использовать виджет WooCommerce Products на своем сайте WordPress, нужно зайти в консоль администрирования WP > Appearance («Внешний вид») > Widgets и перетащить его мышкой (drag-and-drop) в сайдбар либо в другое место, где вашей темой предусмотрена установка виджетов. Если кликнуть по не активированному виджету, в выпадающем списке покажутся все места, где его можно разместить. Например:

• Sidebar (боковая панель);
• Below Header (под шапкой сайта WordPress);
• Footer Column 1 (первая колонка футера);
• Footer Column 2 (вторая);
• Footer Column 3 (третья);
• Footer Column 4 (четвертая).

Также виджеты можно размещать на страницах и в записях с помощью Assistant, встроенного инструмента WooCommerce.

Для вывода на экран рекомендованных товаров в выпадающем списке опции Show («Показать») должен быть выбран пункт ‘Featured Products’. Опции виджета:

• Products: источник, по умолчанию – пункт выпадающего списка Products («Все товары»);
• Title: название модуля (текстовое поле);
• Number of products to show: количество товаров для отображения (текстовое поле);
• Show: Featured Products (выпадающий список);
• Order by: параметр для сортировки (выпадающий список);
• Order: порядок сортировки (выпадающий список);
• Hide free products: скрыть бесплатные товары (чекбокс);
• Show hidden products: отобразить скрытые товары (чекбокс).

В нескольких вариантах русской локализации WooCommerce опция ‘Order’ переводится как «Заказ», что может сбить с толку пользователя. На самом деле, здесь это слово означает «Порядок [сортировки]».

Задача: отобразить 10 последних добавленных товаров с атрибутом «рекомендованный».

Опции: Количество товаров = 10, Показать = Featured Products, Сортировка = Date («Дата»), Порядок сортировки (Order) = DESC (по убыванию).

Задача: отобразить 6 случайным образом выбранных товаров с атрибутом «рекомендованный».

Опции: Количество товаров = 6, Показать = Featured Products, Сортировка (Order by) = Random.

WC_Widget_Products входит в класс WC_Widget, расширение класса WP_Widget, начиная с версии 2.5.0 WooCommerce. Более подробную информацию по классам и функциям отображения товаров (в том числе рекомендованных) можно найти в руководстве разработчика WooCommerce Code Reference в официальном профиле интернет-магазина в сервисе GitHub.

Плагин Featured Products First для WooCommerce

Если вам нужно опубликовать некоторые товары прежде всех остальных, можно воспользоваться компактным и нетребовательным плагином Featured Products First для WooCommerce. У расширения есть премиальные подписки, однако базовый (бесплатный) функционал достаточен для большинства пользователей.

Краткая справка о расширении:

• автор: Prashant Baldha;
• текущая версия: 1.8;
• количество активных инсталляций: около 1000;
• последний апдейт: 2 года назад;
• пользовательский йрейтинг WordPress: 4;
• WordPress: 3.0 и выше, тестировано до 4.9.16;
• PHP: 5.3 и выше;
• поддержка: через форум WordPress.org;
• цена: бесплатно, от $7,42/месяц.

Стоимость премиальной подписки составляет:

• $19/месяц (при помесячной оплате);
• $7,42/месяц (при оплате годовой подписки, $89);
• $199 (пожизненная лицензия).

Особенности Featured Products First (бесплатный план):

• вывод рекомендованных товаров перед остальными на главной странице магазина, в в результатах поиска, архиве категорий продукции;
• виджет Featured Products First в панели администрирования;
• многоязычная поддержка;
• включение/отключение опции вывода рекомендованных товаров первыми в списке.

К сожалению, порядок сортировки меняется только в платных пакетах плагина. Также в премиальной подписке расширяется «география» возможных мест вывода продукции с функцией Featured Products First. Большинство пользователей прекрасно обходятся без этих двух опций.

Плагин WooCommerce Gutenberg Products Blocks

Стабильные версии Featured Product и других блоков интегрируются непосредственно в ядро WooCommerce. Расширение Products Blocks есть смысл устанавливать лишь в том случае, если хотите протестировать экспериментальные функции, еще не включенные в расширение интернет-магазина.

Краткие сведения о плагине WooCommerce Blocks:

• разработчик: Automattic;
• текущая версия: 3.7.0;
• полное название расширения: WooCommerce Gutenberg Products Blocks;
• краткие названия: WooCommerce Blocks, Products Blocks;
• официальный сайт: woocommerce.com;
• дата создания: 18 апреля 2018 г.;
• последнее обновление: 5 дней назад;
• версия WordPress: 5.0 и выше, рекомендуется 5.3 и выше, тестировано до 5.5.3;
• PHP: 5.6 и выше (рекомендуется 7.2 и выше);
• версия WooCommerce: 4.2 и выше (рекомендуется 4.3 и выше);
• версия БД MySQL: 5.0 и выше (рекомендуется 5.6 и выше);
• необходимое программное обеспечение: WooCommerce + Gutenberg;
• рекомендуемые настройки сервера: память WP не менее 128 Мб, поддержка HTTPS;
• количество активных установок: более 200000;
• языки интерфейса: 16, включая украинский и русский;
• цена: бесплатно.

Образцы оформления товаров с помощью блоков находятся в sample_products.csv. Для импорта данных можно воспользоваться стандартным инструментом Product CSV Importer and Exporter (интегрирован в WooCommerce 3.1.x и выше) или официальным плагином CSV Import Suite.

Заключение

Возможность представить рекомендованные товары WooCommerce на страницах и в записях сайта на CMS WordPress – неплохой вариант акцентирования внимания потенциального покупателя на определенной продукции. Featured Products может стать неплохим вспомогательным маркетинговым инструментом для повышения конверсии вашего электронного магазина. Главное – правильно этим инструментом воспользоваться.

Источник