Дек
16

Вариативный товар в магазине WooCommerce

Author admin    Category Полезное     Tags

Вариативный товар WooCommerceРассмотрим процесс создания так называемого вариативного товара в WooCommerce для интернет-магазина на WordPress. Под этим термином подразумевают продукцию, которая может продаваться на сайте в разных вариантах. Самый простой пример — одежда, скажем, футболки. Для них, во-первых, существуют разные размеры, а во-вторых, цвета. Создавать под каждый вариант отдельную страницу с соответствующим товаром не особо эффективно — это запутает и посетителей магазина, и поисковые системы.

К счастью, в плагине WooCommerce имеется отличная реализации данной функции.

Алгоритм создания вариативного товара следующий:

1. Первым делом нужно создать глобальные атрибуты товаров. Это дополнительные параметры, которые можно будет задавать для вашей продукции помимо базовых опций. Создаются они в разделе «Товары» — «Атрибуты».

WooCommerce

Данная страница админки визуально и функционально похожа на раздел создания категорий. Пишете название атрибута, например, «Вес», а также определяете для него ярлык (slug), допустим — weight. Тип атрибута «Выбор» означает, что пользователь сможет выбирать один из вариантов данного параметра, указанных вами. Есть еще тип «Текст», когда пользователь сможет писать текст, но это в данном случае нам не нужно.

В принципе, на странице есть подробное описание каждой настройки на русском языке — внимательно прочитайте пояснения, если что-то не понятно. Дальше ждем кнопку «Добавить атрибут».

2. Теперь для новых атрибутов нужно задать значения. С помощью соответствующих элементов управления переходим к их созданию.

Значения атрибутов товаров в WooCommerce

Появляется страница, аналогичная предыдущей, где вводите название и ярлыки для значений. Для параметра «Вес» это может быть: 100, 200, 500 грамм. Если бы у вас была опция «Цвет», то вводили бы параметры «белый», «синий», «черный» и т.п.

3. Заходим на страницу создания нового товара, где стандартно указываете заголовок, текст, изображение, выбираете категорию и т.п. После этого:

  1. В блоке «Данные товара» выбираем опцию с вариативным типом.
  2. Идем во вкладку «Атрибуты».
  3. Из списка индивидуальных атрибутов товара выбираем нужный нам (там находятся глобальные атрибуты, которые мы создали на первом шаге).
  4. В блоке значений добавляем какие именно показатели атрибута будут доступны для нашего вариативного товара, например, только вес 100 и 500 грамм.
  5. Обязательно ставим галочку «Используется для вариаций».

Создание вариативных товаров в WooCommerce

Кликаем по кнопке «Сохранить атрибуты».

4. Переходим в закладку «Вариации», где в выпадающем меню выбираем «Создать вариации из всех атрибутов». Таким образом, под каждое значение параметра атрибута будет создан отдельный блок настроек.

Создание вариативных товаров в WooCommerce

Теперь сможете задать разную цену, изображение, класс доставки и т.п. для разных вариантов товаров. Не забудьте сохранить изменения с помощью соответствующей кнопки внизу блока настроек. После завершения работы проверяете работоспособность переключения вариантов продукции на сайте магазина. Визуальное оформление данной функции, в принципе, может зависеть от установленного шаблона. К счастью, у меня все заработало автоматически.

Вообще по созданию вариативного товара в сети есть разные обучающие видео, в том числе и в официальной документации WooCommerce. Новичкам и тем, кто не особо понимает на английском, данный пост пригодится. Да, и для себя решил записать весь алгоритм дабы легче было вспомнить последовательность действий, когда возникнет подобная задача.

Понравился пост? Подпишись на обновления блога по RSS wordpress insideRSS, RSS wordpress insideEmail или twitter wordpress insidetwitter!
Еще интересно почитать:

This entry passed through the Full-Text RSS service — if this is your content and you’re reading it on someone else’s site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.



Прокомментировать

Новые шаблоны и статьи

Рубрики

Популярные шаблоны

Мы помогаем детям


KosynokBannerNetwork