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

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

HIT

02.12.2017

10792

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.

Поделиться в соц. сетях:

  • Похожие записи
  • Комментарии
  • Вложения
Дополнительные статусы заказа

Дополнительные статусы заказа

Создадим дополнительные пользовательские статусы заказа. Custom Order Status for WooCommerce (10 000) Плагин от Tyche Softwares. Есть бесплатная и Pro версии. Стоимость Pro-версии: Один магазин – $39.00 5 магазинов – $99.00 Безлимит – $149.00 В бесплатной Читать далее »

Настройка вывода подкатегорий товаров

Настройка вывода подкатегорий товаров

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

Woocommerce основы

Woocommerce основы

Наиболее часто встречающиеся и необходимые вызовы при использовании плагина woocommerce, а так же прочие хитрости при работе с woocommerce. <?php echo $_product->get_sku( $cart_item ); ?> // Вывести артикул в корзине Читать далее »

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

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

  1. Никита

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

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