Домой / 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

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

  1. Аватар

    Доброго времени суток!
    Товар имеет свойство — цвет. Но цена одинаковая. Для того чтоб покупатель имел возможность указать цвет в заказе обязательно описывать этот товар как вариативный? И в каждой вариации указывать одну цену?
    Есть способ упростить процедуру заведения товара? Например, указать его простым, но добавить свойства?

    • Аватар

      Здравствуйте!
      Цвет нужно выбирать в товаре. В связи с этим, вариативный товар обязательно делать в таких случаях. Свойства нужны для фильтров, но они не касаются к вариациям и выбором при заказе.

      • Аватар

        Спасибо, понял. Выяснил еще методом тыка, что в моем случае следует объявить товар вариативным, но при описании первой вариации выбрать вариант свойства «Цвет Любой». Тогда достаточно описать одну вариацию, а в карточке товара появится возможность выбора.

  2. Аватар

    Здравствуйте у меня проблема я сделал все как надо могу выбрать вес в моем случаи но когда я хочу добавить товар в корзину мне пишет «пожалуйста укажите опции товара

    • Аватар

      У меня появилась аналогичная проблема. Думаю это у них что то с обновлениями поломалось..((

      • Аватар

        Вылечил путем отключения плагина WP Super Cache. Рекомендую попробую отключить плагины по работе с кешем.

  3. Аватар

    Александр, добрый день. Подскажите, как изменить тайтл главной страницы WooCommerce?
    Страница: site.ua/shop её тайтл — Товары — site.ua.
    Стоит плагин yoast seo все другие страницы в порядке с тайтлами, те которые я сам прописываю в ручную. А с страницей магазина проблема. Как решить? Спасибо!

  4. Аватар

    Скажите пожалуйста, есть ли какой-то способ импорта вариативного товара в woocommerce? Вариаций только две: цена и размер (для магазина одежды). Прайс-лист от поставщика в xls, я его редактирую и загружаю в csv-формате на сайт. И получается, что woocommerce создаёт товар отдельно по каждому размеру и цвету вместо одного. Может как-то можно сам прайс в xls преобразовать, чтобы в одной карточке товара был хотя бы простой текстовый перечень размеров и расцветок для одной модели?
    Буду благодарна за помощь!

  5. Аватар

    Как убрать функцию Очистить выбор?

  6. Аватар
    Екатерина

    Здравствуйте! А как сделать так, чтобы с весом увеличивалась цена? ПОмогите пожалуйстааааа!

  7. Аватар
    Екатерина

    Не понимаю как это сделать

  8. Аватар

    Здравствуйте. Все сделал, плагин и варианты для сортировки вижу, но при нажатии — ничего не происходит. почему?

  9. Аватар

    Может не там смотрел, но как можно сделать что бы цена менялась в зависимости от выбранного размера товара?

  10. Аватар

    Здравствуйте, а у меня отображается цена от и до, можно ли как то сделать что бы была только одна цена?

  11. Аватар

    Всем привет.Подскажите как назначить собственный порядок атрибутов товара?Только «произвольный порядок»-не подходит,мне нужно чтобы в каждой карточке товара он был разный.Вот например,представлен весь ассортимент обуви,в магазине,в разных цветах и при переходе на любой из вариантов обуви,в карточку товара,там нужно чтобы установленный первый цвет соответствовал цвету обуви на фото.Может использовать «ID условие»?Как оно вообще работает?И можно ли так сделать чтобы в карточке товара в «чёрном» варианте,при выбранном цвете «коричневый»,подгружались миниатюры,которые ниже основной фотки,тоже в коричневом цвете?Буду крайне благодарен за любые предложенные варианты ответов или советы как это реализовать.

  12. Аватар

    Возможно ли сделать свойства не выпадающим список а иконкой и тапом?

  13. Аватар

    Здравствуйте! Подскажите пожалуйста как сделать порядок в таблице размеров, т.е размеры идут в разброс как бы я не старался, получается так: (XL, S, L, XXL и.т.д) а хотелось бы по порядку!
    Спасибо

  14. Аватар

    Здравствуйте, подскажите, если ставить главное изображение вариативного товара, при смене вариации не меняется миниатюра, остается главное изображение товара, как можно это исправить???

  15. Аватар

    Здравствуйте, а как сделать что цвет отображался не текстом, а цветным квадратиком ?

  16. Аватар

    Добрый день !
    Я использую шорт коды на страницах.
    Как сделать чтобы определённые товары и категории отображались на определённых страницах…есть категории например оптовый товар который должен отображаться на запороленной отдельной странице…перепробовал кучу кодов ничего не удовлетворило..спасибо заранее..!!

  17. Аватар

    Спасибо за статью,но у меня вопрос в последние версия плагина нет уже вариативный товар как в стары версия плагин ,вместо свойства там есть атрибут а варианте нет ,заранее спасибо

  18. Аватар

    Добрый день !
    Скажите пожалуйста, возможно ли на WooCommerce создание «групповых» товаров
    н-р: керамическая плитка подразделяется
    страна -> фабрика -> назначение -> коллекция
    на странице коллекции все товары относящиеся к ней:
    вот на этом сайте так как мне нужно mkplitka.ru/katalog/proizvoditeli/kerama-marazzi/fraskati.html

    и поиск по странам, фабрикам, назначению, цвету, размеру, поверхности…

    Спасибо )))

  19. Аватар

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

  20. Аватар

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

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

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

*