Домой / WordPress / Урок 5. Добавление вариативного товара в интернет-магазин WooCommerce
Урок 5. Добавление вариативного товара в интернет-магазин WooCommerce

Урок 5. Добавление вариативного товара в интернет-магазин WooCommerce

Здравствуйте друзья! Сегодня мы поговорим о создании вариативных товаров в интернет-магазине.

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

Напомню, что в прошлых уроках мы уже разобрали:

Как создать вариативный товар

1. Для начала нам необходимо создать свойства, которые мы будем использовать в качестве вариаций. В нашем случае их несколько, это цвет и размер.

Для этого заходим в Товары -> Свойства и создаем свойство Цвет и Размер.

Добавление вариативного товара в интернет-магазин WooCommerce

Добавляем новые свойства товара

2. Теперь нажимаем на созданное свойство Цвет и в открывшемся окне добавляем значения этого свойства. В нашем примере мы добавим белый, черный и красный цвет.

Добавление цвета в свойства "Цвет"

Добавление цвета в свойства «Цвет»

По аналогии добавляем X, XL, XXL в свойство Размер.

3. Далее нам нужно создать новый вариативный товар или изменить уже созданный товар на вариативный. При создании товара нужно указать то, что он будет вариативным.

Для этого выбираем в выпадающем списке Вариативный товар (при создании по умолчанию стоит значение «Простой товар»). После этого переходим на вкладку Свойства.

Выбираем "Вариативный товар" и переходим на вкладку "Свойства"

Выбираем «Вариативный товар» и переходим на вкладку «Свойства»

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

Добавляем свойство "Цвет "

Добавляем свойство «Цвет «

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

Важно!!! Обязательно ставим галочку в «Использовать для вариаций» и после добавления всех значений нажимаем кнопку «Сохранить свойства».

Выбираем значения для вариаций Цвета и Размера

Выбираем значения для вариаций «Цвета» и «Размера»

5. Теперь переходим на вкладку Варианты и нажимаем Присоединить все варианты и в окошке которое появилось подтверждаем наше действия нажав ОК. После нажатия кнопки вы создадите все возможные комбинации свойств вариантов. Что это значит? Это значит что на каждый цвет будут все размеры, а на каждый размер — все возможные цвета. Такой способ является самым быстрым при добавлении множества вариантов.

Также можно создавать вариативные товары выбирая вручную на какой цвет у вас будут какие размеры. Для этого нужно нажать кнопку «Добавить вариант» и указать цвет и размер на добавленную вариацию.

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

Добавление вариативного товара в интернет-магазин WooCommerce

6. После того как все вариации добавлены нужно обязательно указать цену на всех вариация (если есть скидка, то и скидку). Также на этом этапе можно назначить миниатюру на нужную вариацию (или на все).

Указываем обычную цену и цену со скидкой. Также задаем разные миниютюры.

Указываем обычную цену и цену со скидкой. Задаем разные миниатюры для вариаций если необходимо.

После того как вы добавите все цены, не забудьте обязательно сохранить изменения нажав кнопку «Обновить», а если товар новый то «Опубликовать».

Как видите все достаточно просто и интуитивно понятно. Возможно в первый раз и кажется все немного запутанным, но после нескольких добавлений вариативных товаров это пройдет 😉

Вот так выглядит результат добавления вариативного товара из этого урока:

Результат добавления вариативного товара

Результат добавления вариативного товара в WooCommerce

Если у вас возникли вопросы — пишите в комментариях.

Здравствуйте друзья! Сегодня мы поговорим о создании вариативных товаров в интернет-магазине. Что такое вариативный товар? Вариативный товар - товар который имеет различные свойства (вариации). К примеру, одежда может иметь несколько цветов (белый, черный, красный) и размеров (X, XL, XXL). В таких случаях нам и нужно создавать вариативные товары, чтобы покупатель мог выбрать необходимый цвет и размер при покупке товара в вашем интернет магазине. При добавлении вариативного товара в магазин на WooCommerce вы можете устанавливать индивидуальные фото (миниатюры) и задавать разную цену на каждую вариацию. Напомню, что в прошлых уроках мы уже разобрали: Урок 1. Установка и русификация плагина интернет-магазина Woocommerce Урок 2. Настройка ЧПУ (постоянных ссылок) в WooCommerce…

Обзор

Проголосуйте за урок

Оценка

Итог : Уважаемые читатели! Если вам понравилась статья не поленитесь проголосовать и оставить комментарий, ведь так я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!

Рейтинг: 4.21 ( 21 голосов )
100

390 комментариев

  1. Аватар

    Вариаций всего 24, читала, что такая проблема может возникнуть, если много вариаций — больше 50.

    • Аватар

      Здравствуйте! К сожалению, определить проблему по описанию я не могу, и просмотр сайта не думаю что сможет мне показать суть проблемы. В данном случае нужно искать проблему в админке.

      Но есть базовые рекомендации, с которых лучше всего начать поиск подобной проблемы:
      1) убедитесь, что используете последнюю версию WordPress и WooCommerce;
      2) попробуйте отключить все плагины кроме WooCoomerce (исключим конфликт с другими плагинами);
      3) измените тему, к примеру на стандартную Twenty Twelve (исключим проблему с темой);
      4) если ничего из перечисленного выше не помогло, попробуйте создать полностью новые товары, и проверить как будут работать вариации с ними.

      п.с. на каждом шаге не забывайте проверять изменения 🙂

  2. Аватар
    Ярослав

    Здравствуйте. Есть сайт продающий торты (1000 наименований) каждый торт имеет вариацию числа ярусов 1, 2, 3, 4, 5 и вариация наименования начинки 8 штук. Цена опций начинки ОДИНАКОВАЯ, на цену влияет только число ярусов.
    При экспорте товаров выгружается 40 000 (я так понимаю 5х8х1000) позиций товаров, можно ли, в целях уменьшения размера БД (она сейчас порядка 150 Мегабайт при том что текстовых описаний практически нет) сделать как-то по другому что бы товаров скажем было 5000 а вариация начинки не генерировала еще 35 000 позиций в базе.

    И еще один вопрос: как добавить всем товарам 1 вариант начинки. Какой минимальный набор полей необходимо экспортировать. исправить и назад импортировать? Минимальный в виду объема позиций и времени операции импорта-экспорта.

    Заранее спасибо!

  3. Аватар

    Спасибо, отличный материал, очень помог!

  4. Аватар
    Николай

    Добрый вечер! Подскажите, как избавиться от кнопки «Очистить выбор» на карточке товара и бессодержательных вариантов выбора типа «Выбор».

  5. Аватар

    Здравствуйте.
    У меня проблема. Добавляю атрибуты (вариации) как и описано, потом в карточке товара при нажатии на кнопку «добавить» идет загрузка, но вариация не добавляется. То есть — вариации созданы, но не добавляются в карточке товара ( ни в вариативном товаре, ни в обыкновенном). В другом интернет-магазине все работает. а в том, что делаю сейчас, полная лажа. Невозможно ни размер, ни цвет добавить. Приходится каждый товар дублировать в каталоге, но с разными размерами. Если есть варианты, подскажите пожалуйста, буду очень благодарен. СПС.

  6. Аватар

    У меня после добавления атрибутов и вариаций не работает функция выбрать опцию и корзина перестала быть кликабельной. Помошите пожалуйста

  7. Аватар

    где посмотреть ПОСТОЯННУЮ ССЫЛКУ ссылку на вариативный товар

  8. Аватар
    Николай

    как изменить надпись на кнопке «добавить в корзину» на свою?

  9. Аватар

    Спасибо, очень полезная информация. Для тех, кто как и я немного путался в начале, в моей версии «Свойства»=»Атрибуты», «Варианты»=»Вариации».

  10. Аватар

    подскажите пожалуйста ,можно ли выводить значение вариации товара в одну строчку с названием товара на странице рпродукта

    просто товар Товар 1

    при выборе вариации Товар 1 Значение вариации

  11. Аватар

    А можно ли сделать так, чтобы параметры к вариантам автоматически заполнялись? Например вот как на вашем примере. ВАРИАНТЫ РАЗМЕР и ЦВЕТ к каждому варианту нужно заполнить цену и тд. а если вариантов 20 цветов, а товаров 1000 и к каждому придется заполнять?

  12. Аватар

    Всем доброго дня. такая проблема: нужно вывести на странице с товаром таблицу с ценой, которая уменьшается при покупки большего количества товара (например 1 штука стоит 1000 рублей, 2 штуки стоит 1800 рублей, 3 штуки стоит 2600 рублей)… то есть для каждого нового количества одинакового товара цена разная (типа гибкая система скидок). мучился-мучился с плагином, пытался подставить вариативный вариант, но так ничего и не получил толком…
    в вп-шоп есть такая функция, хоть и выглядит убого — в ряд выставлены все варианты с количеством (cost_1 , cost_2 итд …), а вот с вукомерцем ничего не понятно.
    Никто не может подсказать, что делать?

  13. Аватар

    Спасибо за статью

  14. Аватар

    Как сделать цену на вариативные товары от, а не диапазоном цен можете почитать тут: https://thisweb.ru/kak-sdelat-v-woocommerce-ceny-ot/

  15. Аватар
    Js-service.ru

    Как сделать варианты товаров, услуг автосервиса JS-Service https://js-service.ru например Капитальный ремонт двигателя, добавляется вариация Volkswagen, цена меняется, и данной комбинации присваиватся постоянная ссылка. То есть чтобы данная комбинация, продвигалась и была в поиске как отдельный товар (услуга)

Оставить комментарий

Ваш email не будет опубликован.

*