Урок 7. Добавляем вариативный товар WooCommerce

paraschak.ru

Урок 7. Добавляем вариативный товар WooCommerce

В этом уроке мы с вами научимся добавлять вариативные товары в наш магазин. Что это такое? Вариативный товар, это товар который имеет некоторые варианты атрибутов, например такие как: размер, цвет, фасон и т.д.

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

Для начала все эти условия необходимо добавить в атрибутах. Переходим в админку — Товары — Атрибуты:

добавляем вариативный товар woocommerce

Здесь мы видим следующие настройки:

добавляем вариативный товар woocommerce 2

  1. Имя. Задаем имя атрибута. Так как мы будем добавлять цвета, то так в названии и пишем — Цвет.
  2. Включать архивы. Описание говорит само за себя. Включаем, если хотим видеть все товары с этим атрибутом.
  3. Тип. Мы будем делать выбор цвета выпадающим списком, поэтому в типе оставляем значение «Выбор».
  4. Порядок сортировки по умолчанию. Выбираем как мы хотим, чтобы сортировались пункты нашего списка: по имени, по номеру, по ID.
  5. Нажимаем кнопку «Добавить атрибут».

Справа мы видим как добавился наш атрибут и теперь, чтобы добавить в него пункты нажмем на шестеренку:

вариативный товар woocommerce 3

Здесь необходимо заполнить поле название. Мы добавим два цвета: красный и фиолетовый:

вариативный товар woocommerce 4

Подтверждаем добавление значения атрибута кнопкой «Добавить новый Цвет».

В итоге у нас должно получиться следующее:

вариативный товар woocommerce 5

Далее заходим в товары, выбираем нашего робота-сказочника и указываем, что это у нас будет вариативный товар:

вариатинвый товар wooocmmerce 6

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

вариативный товар woocommerce 7

После этого идем в следующий пункт меню — «Вариации». Чтобы добавить вариант нажимаем по кнопке «Применить», при этом в выпадающем меню должно быть «Добавить вариацию». Затем из списка выбираем значение цвета и еще раз нажимаем кнопку «Применить», чтобы добавить их все:

вариативный товар woocommerce 8

Каждый из добавленных вариантов необходимо настроить, т.е. прописать так же как и в товаре цену, цену распродажи и т.д. Делается это нажатием левой кнопки мышки рядом с названием вариации. После этого появится меню настроек. И здесь же можно указать отдельное изображение для каждого варианта:

вариативный товар woocommerce 9

Подтверждаем все действия кнопкой «Сохранить изменения» и обновляем наш товар кнопкой обновить справа:

вариативный товар woocommerce 10

Переходим в карточку товара и смотрим, что получилось:

вариативный товар woocommerce 11

Теперь при покупке мы можем выбрать какого цвета хотим приобрести робота. Причем когда вы выберете вариант, будет показано то изображение, которое мы указывали в предыдущем шаге:

вариативный товар woocommerce 12

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

comments powered by HyperComments

Похожие записи