WordPress лаборатория
Навигация
  • Главная
  • Как создать
    • Персональный Блог
    • Полноценный Сайт
    • Интернет-магазин
  • Блог
    • Инструкции
    • Электронная коммерция
    • Плагины
    • Заметки
  • Подборки
    • Шаблоны для интернет-магазинов
    • Elementor шаблоны
    • Шаблоны для лендинга
    • Шаблоны для блога
    • Бесплатные шаблоны
    • Как покупать темы
  • Инструменты
    • Шаблон плагина
🔥 Нужна помощь?
Мы можем помочь с любой задачей, так или иначе связанной с WordPress!
Создайте заявку
Бесплатная оценка стоимости без обязательств.

Создать заявку
Присоединяйся
WordPress лаборатория
WordPress лаборатория
  • Главная
  • Как создать
    • Персональный Блог
    • Полноценный Сайт
    • Интернет-магазин
  • Блог
    • Инструкции
    • Электронная коммерция
    • Плагины
    • Заметки
  • Подборки
    • Шаблоны для интернет-магазинов
    • Elementor шаблоны
    • Шаблоны для лендинга
    • Шаблоны для блога
    • Бесплатные шаблоны
    • Как покупать темы
  • Инструменты
    • Шаблон плагина
Профессиональная помощь экспертов
Мы можем помочь с любой задачей, так или иначе связанной с WordPress!
Создайте заявку
Бесплатная оценка стоимости без обязательств.

Создать заявку
🧒 Мой Аккаунт

Главная → Блог → Электронная коммерция WordPress

Вариативные товары в WooCommerce – Руководство по созданию 2022

  • 9 августа, 2020
Вариативные товары в WooCommerce Руководство по созданию
Total
0
Репостов
0
0
0
0
0
Содержание
  1. Как создать вариативный товар в интернет-магазине на основе WooCommerce?
  2. Настройка вариативного товара
    1. Создание и настройка вариаций из атрибутов товара
  3. Вариативные товары на странницах магазина WooCommerce
  4. Альтернатива вариациям

Вариативные товары WooCommerce – это товар с разными переменными, такими как цвета или размеры. Вы можете создавать разные вариации, комбинируя атрибуты. Например, если хотите продавать одежду. В этой статье вы найдете всё что нужно знать про вариативные товары в WooCommerce.

Статья о том, как и где выбрать шаблоны для магазина
WordPress шаблоны для интернет-магазина на базе WooCommerce

    WordPress шаблоны для интернет магазина на базе WooCommerce: Честный рейтинг 2022

    • Редакция
    • 19 февраля, 2021

    Как создать вариативный товар в интернет-магазине на основе WooCommerce?

    Чтобы создать вариативный товар, перейдите в раздел Товары → Добавить новый. Добавление и управление вариативными товарами очень похоже на все стольные типы товаров в WooCommerce.

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

    Создание вариативного товара в WooCommerce
    Создание вариативного товара в WooCommerce

    Настройка вариативного товара

    Сама по себе смена типа товара на вариативный – достаточно простоя процедура. Пришло время для его настройки.

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

    Вы получите уведомление о том, что вам нужно сначала настроить атрибуты.

    Вариации в вариативном товаре WooCommerce
    Вариации в вариативном товаре WooCommerce

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

    Добавление атрибута и его значений для использования в вариациях
    Добавление атрибута и его значений для использования в вариациях

    Задайте имя атрибута и задайте его значения,разделяйте значения символом вертикальной черты «|» (в английской раскладке SHIFT+«/»). В качестве примера бы создан атрибут с именем «Цвет» и тремя его значениями «Красный | Зеленый | Синий».

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

    Давайте добавим еще «Размер» со значениями «M | L | XL»

    Добавляем еще один атрибут к вариативному товару в WooCommerce
    Добавляем еще один атрибут к вариативному товару в WooCommerce

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

    На заметку

    Помните, что вы также можете добавить атрибуты глобально в меню Товары → Атрибуты, а затем назначить их нескольким товарам.

    Создание и настройка вариаций из атрибутов товара

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

    Вы можете автоматически создавать вариации из всех настроенных вами атрибутов. Выберите «Создать вариации из всех атрибутов» и нажмите «Применить».

    Создание вариаций из всех атрибутов
    Создание вариаций из всех атрибутов

    Но мы так делать ну будем, так как допустим, что цена нашего товара не зависит от размера, а зависит только от цвета.

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

    Создание первой вариации из атрибутов
    Создание первой вариации из атрибутов

    Как видно на скриншоте была создана вариация в которой размер не имеет значения но цвет «Красный», а кроме стандартных полей типа «Цены», «Описание» и «Вес» мы добавили изображение красной футболки для этой вариации.

    Если не установить цену вариации, то этот вариант не будет отображаться на странице товара!

    Продолжаем в том же духе и создаем еще две вариации с разными ценами и изображениями для двух, оставшихся цветов.

    В конечном итоге у нас будет 3 различные вариации нашего товара с тремя различными изображениями, ценой и описанием:

    Вариации с разными изображениями для вариативного товара в WooCommerce
    Вариации с разными изображениями для вариативного товара в WooCommerce

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

    Тогда покупатель сможет выбрать один из этих двух вариантов на одной странице продукта!

    Вариативные товары на странницах магазина WooCommerce

    Итак, Если вы правильно настроили все вариации, то вариативные товары в вашем магазине будут выглядеть примерно так:

    Вариативные товары WooCommerce на страницах магазина
    Вариативные товары WooCommerce на страницах магазина

    Как видно из анимации при выборе цвета товара меняется как цена варианта так и его изображение.

    Альтернатива вариациям

    Вариативные товары WooCommerce не всегда удовлетворяют всем потребностям.

    Помните, что каждый вариант, по сути, является отдельным товаром, созданным в WooCommerce. Он просто сгруппирован с другими вариантами.

    Вариативные товары добавляет несколько отдельных записей в базу данных для каждого отдельного варианта. Для 50 вариантов в базе данных будет 50 субпродуктов. У интернет-магазинов с большим количеством вариативных товаров могут возникнуть проблемы.

    Кроме того, если вам нужны функции персонализации в вашем магазине, то вариации совсем не для этого. Они не позволяют вводить дополнительные текстовые поле, чекбоксы и так далее. Например в нашем варианте с майками было было не плохо добавить опцию удаления или загрузки своего логотипа.

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

    Extra Product Options (Product Addons) for WooCommerce

    Плагин позволит создать собственные поля для настройки товара. Жаль, что такой функции нет в WooCommerce по умолчанию.


    Надеемся, что данная статья помогла вам понять что такое вариативные товары WooCommerce и как с ними работать. Если у остались вопросы – спрашивайте в комментариях ?

    Спасибо.

    Поделиться 0
    Твитнуть 0
    Похожие Темы
    • WooCommerce
    Читайте так же
    Хуки страницы товара в WooCommerce. Визуальная карта с примерами
    Читать

    Хуки страницы товара в WooCommerce – визуальная карта с примерами редактирования!

    Редактируем поля оформления заказа в WooCommerce
    Читать

    Редактируем поля оформления заказа в WooCommerce

    Как создать интернет-магазин на WordPress
    Читать

    Как создать интернет-магазин на WordPress и WooCommerce в 2022 году (Пошаговое руководство)

    2 комментария
    1. Александр:
      12 августа, 2020 в 11:00

      Я час не мог понять как добавить картинку к вариации. ЧАС КАРЛ! Спасибо за статью 🙂

      Ответить
    2. Роман:
      25 июня, 2022 в 10:32

      Здравствуйте! Помогите пожалуйста. Есть вариативные товары с атрибутом ВИД: 1-белый, 2-черный, 3-красный.Категория: например Вазы, к ней присвоены атрибуты с картинками и ценами разными. Вопрос в том, что виджет фильтра по атрибутам при нажатии на любой из Вид, не меняет ничего, а все остается по умолчанию. Вроде доходчиво написал) Если у Вас получится, хоть навести на мысль где это искать. С уважением Роман.

      Ответить

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

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Руководства по WordPress
    Что еще почитать?
    • Установка плагинов WordPress - пошаговое руководство для начинающих

      Установка плагинов на WordPress – пошаговое руководство для начинающих

      Читать
    • Как установить и настроить Yoast SEO плагин WordPress

      Как установить и настроить Yoast SEO плагин WordPress – пошаговое руководство 2022

      Читать
    • Установка плагинов WordPress - пошаговое руководство для начинающих

      Что такое плагины в WordPress и как они работают?

      Читать
    • WordPress 5.5 - Новые возможности WordPress 5.5: блок навигационных меню, автоматические обновления плагинов и тем, каталог блоков, XML-карты сайтов, отложенная загрузка и многое другое.

      Что нового в WordPress 5.5 – автообновление тем, плагинов и многого другого

      Читать
    • ThemeForest - Премиум шаблоны для WordPress: Как правильно выбрать и купить тему

      ThemeForest – Премиум шаблоны для WordPress: Как правильно выбрать и купить тему?

      Читать
    Инструменты разработчика
    • Шаблон WordPress плагина (генератор)
    🔥 Нужна помощь?
    Мы можем помочь с любой задачей, так или иначе связанной с WordPress!
    Создайте заявку
    Бесплатная оценка стоимости без обязательств.

    Создать заявку
    WordPress лаборатория - Еще один сайт на WP 💛
    • Обратная cвязь

    Введите ключевое слово и нажмите Ввод