Всем привет!
Сегодня я хочу рассказать, как создать вариативный товар в интернет-магазине, созданного на WordPress + WooCommerce.
В статье вы узнаете, что такое вариативный товар и где его можно применить. Статья будет полезна для всех, у кого в интернет-магазине нужно указать размер одежды или цвет.
В общем, смотрите!
Начну с вопроса, что такое вариативный товар?
Вариативный товар — это товар, который имеет различные свойства (вариации), например, музыкальный инструмент имеет несколько цветов (желтая, черная, белая) или одежда размерами (X, XL, XXL). Вот именно в таких случаях можно создать вариативные товары, чтобы покупатель мог выбрать гитару необходимого цвета или одежду нужного размера.
В плагине WooCommerce, при добавлении вариативного товара, можно установить индивидуальные фото и задавать одну на всех или разную цену на каждую вариацию товара.
Как создать вариативный товар
На примере я буду создавать возможность выбора размера одежды для интернет-магазина.
Приступим.
Для начала нам необходимо создать атрибут под любым логичным названием, например, для размера одежды название «Размер», для цвета одежды – «Цвет». Логично, но все же…
Чтобы создать атрибут, переходим в админ-панели WordPress «Товары» => «Атрибуты» и в поле «Имя» пишем название атрибута, в моем случае это «Размер». Жмем на кнопку «Добавить атрибут»:
С правой стороны появится созданный атрибут «Размер». Переходим по ссылке «Установить правила», чтобы добавить разные размеры:
В поле «Название» добавляем размер и для добавления жмем внизу на кнопку «Добавить новый размер». Потом снова пишем новый размер в поле «Название» и так до тех пор, пока не заполним правую колонку всеми необходимыми размерами:
Теперь, после того как заполнили в атрибутах все необходимые размеры, можно создать новый вариативный товар или изменить уже созданный товар на вариативный.
Итак, чтобы сделать вариативный товар, перейдите на товар и выберите из выпадающего списка «Вариативный товар» (при создании по умолчанию стоит значение «Простой товар»):
Далее перейдите на вкладку «Атрибуты» и выберите из выпадающего списка созданный нами «Размер» и нажмите кнопку «Добавить»:
Теперь там же отмечаете пункт «Использовать для вариации» и в значении выбираете все необходимые размеры, которые вы хотите отметить для этого товара. Жмите «Сохранить атрибуты»:
Дальше нужно перейти по вкладке «Вариации». В выпадающем списке должно быть выбрано «Создать вариации из всех атрибутов». Жмите «Применить» и подтверждаете действие, нажав кнопку «Ок»:
Появятся все размеры, которые вы выбрали для этого товара:
Если нажать на «#734» или «#735», то у вас появится дополнительная возможность для каждого размера. Например, создать каждому размеру свою картинку, цену, скидку и др. Это полезно, если вы хотите создать атрибут «цвет». В таком случае можно создать для модели каждого цвета свою картинку с ценой:
Я для размера «S» и «XS» создал разные цены. Обязательно внизу нажмите «Сохранить изменение» и жмите «Опубликовать товар».
Смотрим результат:
Как видите, появилась возможность выбрать размер из выпадающего списка.
Я выбрал размер «S», цена изменилась на 300 грн:
Я выбрал размер «XS», цена изменилась на 799.99 грн:
Если вы хотите, чтобы цена на все размеры была одинакова, тогда нужно: в товаре выбрать вкладку «Вариации» и во сплывающем списке «Задать базовую цену» и нажать «Применить»:
В появившемся окошке указываете цену (цена будет для всех товаров):
Все, сохраняйте и смотрите на результат.
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Похожие статьи
Популярные статьи:
-
Как узнать id компьютера
Дата: 29 марта 2013
Прокомментировано:90
просмотров: 330341 -
Размеры форматов листов А0 – А7
Дата: 23 января 2013
Прокомментировано:3
просмотров: 274700 -
Смешные логические загадки с подвохом, отгадки прилагаются
Дата: 12 ноября 2014
Прокомментировано:5
просмотров: 222518 -
Готовые макеты блоков для веб-страниц на HTML и CSS
Дата: 25 июня 2014
Прокомментировано:23
просмотров: 187688 -
Установка windows 7 на ноутбук
Дата: 18 декабря 2012
Прокомментировано:169
просмотров: 186564
Добавить комментарий
Метки: wordpress
Спасибо, Александр за комментарий. Планирую еще пару постов для WooCommerce…
⇒ Открыть статью ⇐