BloGGood.ru

Блог Костаневича Степана

WordPress, PHP, HTML, CSS, Windows

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Wordpress » WooCommerce – вариативный товар

WooCommerce – вариативный товар

2017-08-01 / Вр:16:15 / просмотров: 5337

Всем привет!
Сегодня я хочу рассказать, как создать вариативный товар в интернет-магазине, созданного на WordPress + WooCommerce.
В статье вы узнаете, что такое вариативный товар и где его можно применить. Статья будет полезна для всех, у кого в интернет-магазине нужно указать размер одежды или цвет.
В общем, смотрите!

Начну с вопроса, что такое вариативный товар?

Вариативный товар — это товар, который имеет различные свойства (вариации), например, музыкальный инструмент имеет несколько цветов (желтая, черная, белая) или одежда размерами (X, XL, XXL). Вот именно в таких случаях можно создать вариативные товары, чтобы покупатель мог выбрать гитару необходимого цвета или одежду нужного размера.
В плагине  WooCommerce, при добавлении вариативного товара, можно установить индивидуальные фото и задавать одну на всех или разную цену на каждую вариацию товара.

Как создать вариативный товар
На примере я буду создавать возможность выбора размера одежды для интернет-магазина.
Приступим.

Для начала нам необходимо создать атрибут под любым логичным названием, например, для размера одежды название «Размер», для цвета одежды – «Цвет». Логично, но все же… :smokes:

Чтобы создать атрибут, переходим в админ-панели WordPress  «Товары» => «Атрибуты» и в поле «Имя» пишем название атрибута, в моем случае это «Размер». Жмем на кнопку «Добавить атрибут»:

WooCommerce - вариативный товар

С правой стороны появится созданный атрибут «Размер». Переходим по ссылке «Установить правила», чтобы добавить разные размеры:

WooCommerce - вариативный товар

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

WooCommerce - вариативный товар

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

WooCommerce - вариативный товар

Далее перейдите на вкладку «Атрибуты» и выберите из выпадающего списка созданный нами «Размер» и нажмите кнопку «Добавить»:

WooCommerce - вариативный товар

Теперь там же отмечаете пункт «Использовать для вариации» и в значении выбираете все необходимые размеры, которые вы хотите отметить для этого товара. Жмите «Сохранить атрибуты»:

WooCommerce - вариативный товар

Дальше нужно перейти по вкладке «Вариации». В выпадающем списке должно быть выбрано «Создать вариации из всех атрибутов». Жмите «Применить» и подтверждаете действие, нажав кнопку «Ок»:

WooCommerce - вариативный товар

Появятся все размеры, которые вы выбрали для этого товара:

WooCommerce - вариативный товар

Если нажать на «#734» или «#735», то у вас появится дополнительная возможность для каждого размера. Например, создать каждому размеру свою картинку, цену, скидку и др. Это полезно, если вы хотите создать атрибут «цвет». В таком случае можно создать для модели каждого цвета свою картинку с ценой:

WooCommerce - вариативный товар

Я для размера «S» и «XS» создал разные цены. Обязательно внизу нажмите «Сохранить изменение» и жмите  «Опубликовать товар».
Смотрим результат:

WooCommerce  -  вариативный товар

Как видите, появилась возможность выбрать размер из выпадающего списка.
Я выбрал размер «S», цена изменилась на 300 грн:

WooCommerce  -  вариативный товар

Я выбрал размер «XS», цена изменилась на 799.99 грн:

WooCommerce  -  вариативный товар

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

WooCommerce  -  вариативный товар

В появившемся окошке указываете цену (цена будет для всех товаров):

WooCommerce  -  вариативный товар

Все, сохраняйте и смотрите на результат.

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

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

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки:

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 810
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4716