/ Сайтостроение / Плагины / Изменение формы выбора вариаций

Изменение формы выбора вариаций

HIT

02.12.2017

2975

1

По умолчанию вариации товара в 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.

Тэги: ,

Поделится информацией с друзьями

  • Похожие записи
  • Комментарии
  • Вложения
Массовое изменение метаполей

Массовое изменение метаполей

Известная проблема/неудобство wordpress — обновление метаполей, т.е. чтобы обновить метаполе необходимо войти в запись и обновить ее. Массовое редактирование (например поменять статус записей или т.п.) в данном случае не помогает Читать далее »

Трекинг заказа

Трекинг заказа

Рассмотрим такой аспект работы интернет-магазина как трекинг заказа (order tracking), т.е. отслеживание статуса и местоположения заказа. YITH WooCommerce Order Tracking 8000 установок. В бесплатной версии добавляет к заказу (в админке) Читать далее »

Разбираем woocommerce на молекулы

Разбираем woocommerce на молекулы

В данном материале разбираем некоторые хуки woocommerce, их последовательность, а также в структуру шаблонов WC и их проверку. Добавляем стандартные хлебные крошки WC <?php woocommerce_breadcrumb(); ?> Файлы шаблона: archive-product.php — Читать далее »

Добавить комментарий

1 комментарий

  1. Аватар
    Никита

    Воспользовался последним ручным решением. Спасибо огромное, все работает, только вопрос как сделать так чтобы после нажатия кнопки «в корзину» не переходить на карточку товара?

Изменение формы выбора вариаций Изменение формы выбора вариаций Изменение формы выбора вариаций
Типовые поля форм
Рекомендации для васТиповые поля формOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.