Home -> Уроки WordPress -> Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары
Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары

Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары

Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары

Здравствуйте, друзья! Давайте научимся добавлять в интернет-магазин, работающий на Woocommerce, вариативные товары. Ниже я в деталях расскажу о секретах этой операции.

Определимся с терминологией. Вариативные товары – это товары, имеющие не одно, а несколько свойств (вариаций), влияющих на решение потребителя о покупке. Например, одежда может быть разных размеров (S (42), M (44), L (46)) или цветов (желтый, синий, зеленый и т.п.). Для торговли через интернет-магазин такой одеждой нужно создать вариативные товары, которые позволят покупателю выбрать подходящий размер и цвет. Инструменты Woocommerce позволяют при добавлении вариативных товаров устанавливать для каждой вариации индивидуальные миниатюры (фотографии) и цены.

В предыдущих статьях о Woocommerce я рассказал:

Алгоритм добавления в Woocommerce вариативных товаров

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

  1. В админке открываю раздел Товары и перехожу в подраздел Атрибуты.Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары
  2. Добавляю новые атрибуты Размер и Цвет.Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары
  3. Нажимаю на Размер в таблице атрибутов и на открывшейся странице добавляю нужные размеры (в моем примере – S (42), M (44), L (46)).Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары
  4. Возвращаюсь в раздел Атрибуты, нажимаю Цвет в таблице атрибутов и на открывшейся странице добавляю нужные цвета (в моем примере – красный, желтый, белый).Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары
  5. Перехожу в раздел Товары, затем – в подраздел Добавить товар. Оформляю название, категорию, полное и краткое описание товара и прикрепляю основное изображение товара как описано в этом уроке. Вы можете не добавлять новый товар, а отредактировать (перевести в разряд вариативных) уже опубликованный на сайте товар.Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товарыКак на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары
  6. Указываю, что добавляемый товар будет вариативным. Для этого в блоке Данные товара выбираю в выпадающем меню строку Вариативный товар.Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары
  7. Перехожу в раздел Атрибуты блока Данные товара. В выпадающем меню выбираю значение Размер и нажимаю Добавить.Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары
  8. В загрузившейся форме отмечаю «птичкой» чек-бокс у строки Используется для вариаций, нажимаю Выбрать все (вы можете нажать Добавить новое), затем – Сохранить атрибуты.Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары
  9. Возвращаюсь в раздел Атрибуты и повторяю предыдущий шаг для атрибута Цвет.Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары
  10. Перехожу в раздел Вариации блока Данные товара, выбираю значение Создать вариации из всех атрибутов и нажимаю Применить. Woocommerce автоматически создаст максимальное количество возможных вариаций. Вы можете создать вариации вручную, выбрав значение Добавить вариацию (рекомендую использовать мой способ – легче избавиться от лишних вариаций, созданных автоматически, чем комбинировать вариации товара самостоятельно).Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары
  11. После создания плагином вариаций нажимаю строку с первой вариацией. Кликнув пиктограмму, загружаю (или выбираю в Библиотеке файлов) изображение товара редактируемой вариации.
  12. Указываю цену вариации и, если имеется, цену со скидкой в соответствующих полях.Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары
  13. Подобным образом редактирую все вариации товара, указываю значения форм по умолчанию (вверху раздела Вариации) и нажимаю Сохранить изменения.Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары
  14. Нажимаю Опубликовать.Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары

Вариативный товар добавлен в мой интернет-магазин! Вот как он выглядит:Как на WordPress с нуля создать интернет-магазин. Часть 5 – добавляем в Woocommerce вариативные товары

А у вас получилось? Расскажите в комментариях!