По умолчанию вариации товара в Woocommerce выбираются из выпадающего списка. Это не всегда удобно. Доработать формы выбора вариаций в виде: изображений, цветов, надписей (лэйблов) и т.д. помогут плагины. Рассмотрим различные решения по данному направлению.
WooSwatches — Woocommerce Color or Image Variation Swatches
Платное решение 25$ (01/12/2017). Предлагается 3 варианта форм вариаций: цвет, изображение, текст. Одиночный выбор каждой из вариации. Вывод вариации в каталоге (как уверяют разработчики, у меня этого не получилось) и карточке товара. Новые типы отображения назначаются на уже созданные вариации.
Variation Swatches for WooCommerce
Бесплатное решение, более 10 000 активных установок. После установки плагина, у ранее созданных вариаций не будет выбора и настроек (у плагина их нет вовсе) по переходу на новый вид. Но это можно исправить через базу данных (поле attribute_type в таблице wp_woocommerce_attribute_taxonomies). Плагин добавляет следующие типы вариаций (обозначение в БД): цвет (color), изображение (image), лэйбл (label).
Если после изменения в БД атрибуты админке не изменились, нужно просто создать любой временный атрибут и типы всех атрибутов обновятся.
В архивах вариации не выводятся.
Color and Image Swatches for Variable Product Attributes
Бесплатный плагин (3 000, Автор: Phoeniixx) добавляет только тип отображения в виде цвета. Но платный 29$ (01/12/2017) вроде как предлагает полный набор типов + особенный в виде вариантов иконок. Но я его не тестировал.
WooCommerce Variation Swatches and Photos
Дорогой плагин (99$), но при этом с простым функционалом. Настроек нет, добавляет типы вариаций: цвет и изображение.
WooCommerce Variation Master
Очень похожий функционал предлагает плагин WooCommerce Variation Master (25$). Но у этого плагина есть особенность: есть возможность в корзине менять вариации у товара.
Improved Variable Product Attributes for WooCommerce
Следуя из описания и демо создателей этого платного решения (всего 25$ на 1 декабря 2017):
- Всевозможные типы вариаций
- Зависимость вариаций. т.е. если смежной комбинации при выбранной нет, то она помечается символом или делается полупрозрачной.
- Вывод вариаций в шаблоны архивов, причем с возможностью покупки, после выбора вариаций
- Есть режим постепенного выбора атрибутов
JC WooCommerce Advanced Product Attributes
Платный — 17$. Вариации в виде цветов, изображений и лэйблов. Вывод вариаций в категории. Лично не тестировал.
Openswatch — Woocommerce variations image swatch
Данный плагин как и предыдущий стоит 17$ (на момент написания этого обзора). Довольно аккуратный вывод типов вариаций во фронтенде. Вариации в категориях. Блокировка (не дает выбрать) несуществующих вариаций. Настройки отображения вариаций. Разные галереи для разных вариаций!
Подробнее о функционале плагина Woocommerce variations image swatch.
WooCombinator for variable products
Слоган: Turn your boring selects into buttons! Этот платный плагин (20$) отлично подойдет для компьютерной тематики или для товаров с комбинированными характеристиками.
YITH WooCommerce Color and Label Variations
Качественный платный плагин в двух вариантах: бесплатный и платный 70$ (01/12/2017).
Не стоит искать взломанную версию. У производителя YITH надежная система защиты включающая активацию плагина.
Бесплатная версия естественно имеет довольно ограниченный функционал, а вот платная предлагает внушительные возможности. Наряду с остальными (базовыми) фишками данного функционала, плагин предлагает:
- Уделено повышенное внимание всплывающим сообщениям на вариациями
- Вывод измененного отображения параметров во вкладке Атрибуты
- Выбор составного цвета (из двух цветов) — подойдет для обуви и одежды
- Выбор вариаций и покупка товара прямо в категории
Единственным недостатком функционала плагина YITH WooCommerce Color and Label Variations можно назвать то, что он примитивно обрабатывает комбинации которых нет в наличии. Он фактически работает по стандартному алгоритму WC с всплывающим (вверху окна) предупреждением об невозможности выбора данной вариации.
Трудно сделать выбор учитывая такое обилие плагинов по данной тематике. Но мне особенно понравились 3 варианта: Variation Swatches for WooCommerce (как простое и абсолютно бесплатное решение), Woocommerce variations image swatch (довольно технологичный плагин за небольшие деньги), YITH WooCommerce Color and Label Variations (относительно дорогое, но качественное решение).
Выводим выбор вариаций в архиве
Задача: вывести вариации (хотя бы стандартные) в шаблон архива, чтобы при выборе товар можно было купить. Меняем в шаблоне content-product.php хук (комментируем его):
do_action( 'woocommerce_after_shop_loop_item' );
на следующую конструкцию:
if($product->get_type() == "variable"){
echo '</a>';
woocommerce_variable_add_to_cart();
} else {
echo '</a>';
woocommerce_template_loop_add_to_cart();
}
Единственный момент, что обычные товары добавляются ajax, а вариативные с перезагрузкой страницы. И еще один негативный эффект обнаружился — перестают работать некоторые плагины (например YITH WooCommerce Quick View), которые били привязаны к хуку woocommerce_after_shop_loop_item.
Воспользовался последним ручным решением. Спасибо огромное, все работает, только вопрос как сделать так чтобы после нажатия кнопки «в корзину» не переходить на карточку товара?