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

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

HIT

02.12.2017

2406

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

Тэги: ,

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

  • Похожие записи
  • Комментарии
  • Вложения
Переход на WC 3.0

Переход на WC 3.0

Когда видишь в панели плагинов обновление woocommerce до версии 3.0 — ощущение как будто резко наступил Новый год! Что же нового в версии 3.0: изучаем, тестим, разбираемся. Галерея изображений Теперь Читать далее »

Расширенный заголовок

Расширенный заголовок

Для добавления в атрибуты записи Расширенного заголовка существует плагин Secondary Title Простое добавление после стандартного заголовка <?php the_title(); ?><br> <?php echo get_secondary_title($post_id, $prefix, $suffix); ?> Если мы хотим чтоб расширенный заголовок (если он Читать далее »

Мультиязычность сайта

Мультиязычность сайта

Мультиязычность сайта можно обеспечить несколькими способами: ручной перевод, автоматический перевод, либо с помощью системы мультисайт. В данной статье рассмотрим первые 2 способа. Ручной перевод сайта — Polylang Для того чтобы Читать далее »

/

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

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

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