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

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

HIT

02.12.2017

1777

По умолчанию вариации товара в 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 — обновление метаполей, т.е. чтобы обновить метаполе необходимо войти в запись и обновить ее. Массовое редактирование (например поменять статус записей или т.п.) в данном случае не помогает Читать далее »

Кнопки WC

Кнопки WC

Давно хотел подробно разобрать тему с кнопками WC. Кнопки меняют свой вид и функционал в зависимости от типа продукта, наличия, и других факторов. Так же в движке магазина Woocommerce множество Читать далее »

Иерархия по бренду

Иерархия по бренду

В woocommerce существует иерархия товаров по категории (product_cat), но не всегда этого достаточно. Создадим в woocommerce дополнительную иерархию по бренду. Сортировка по бренду Первым делом создаем атрибут товара Бренд и Читать далее »

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

Пока нет комментариев. Будь первым!

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