Главная / Блог / Руководства / Вариативный товар в WooCommerce

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

19 марта 18
Reading Time: 4 minutes
3 комментария
1 Star2 Stars3 Stars4 Stars5 Stars (3 votes)

Вариативный товар — тип товаров в WooCommerce, который позволяет вам предлагать товар с набором вариаций, а также вы можете контролировать цены, запасы, изображения и более для каждой вариации. Их можно использовать для да таких товаров, как например — рубашка, где вы можете предложить большой, средний и маленький размеры в разных цветах.

Добавление вариативного товара

Шаг 1. Выберите тип товара.

Чтобы добавить вариативный товар, создайте новый товар или отредактируйте существующий.

  1. Перейдите WooCommerce > Товары.
  2. Выберите кнопку “Добавить новый” или “Изменить” существующий товар. Отображаются “Данные товара”.
  3. Выберите “Вариативный товар” с выпадающего списка “Тип товара”.

Selecting variable product WooCommerce

Шаг 2. Добавьте до вариативного товара атрибуты

В разделе “Атрибуты” добавьте атрибуты перед созданием вариаций — используйте общие атрибуты, которые являются узловыми или определяют индивидуальные атрибуты, специфичные для товара.

Общие атрибуты

Чтобы использовать общий атрибут, выполните следующие действия:

  1. Выберите атрибут с выпадающего списка и кликните “Добавить”.
  2. Кликните “Выбрать все”, чтобы добавить все атрибуты к вариативному товару (если применимо).
  3. Поставьте галочку перед чекбоксом “Используется для вариаций”, чтобы сообщить WooCommerce, что это для ваших вариаций.

Adding Global Attribute to Product WooCommerce

Добавление общих атрибутов к товарам.

Setting Up Global Attributes

Настройка атрибутов

Индивидуальные атрибуты товара

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

  1. Выберите ”Индивидуальный атрибут товара” и кликните “Добавить”.

Adding Custom Attributes to WooCommerce

Добавление индивидуальных атрибутов к товару.

2. Введите имя атрибут (например, Размер).

3. Введите значение, разделенные вертикальной черточкой (например, маленький | средний | большой).

4. Активируйте чекбокс “Используется для вариаций”.

Setting Up Custom Attributes for Variations

5. Сохранить атрибуты.

Шаг 3. Добавить вариации

Чтобы добавить вариацию, перейдите к разделу “Вариации” в мета-окне “Данные товара”.

Добавление вариации вручную

  1. Выберите “Добавить вариацию” с выпадающего списка и щелкните “Применить”.

Add Variation

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

Any Color Any Size

3. Отредактируйте любые доступные данные. Единственное обязательное поле “Обычная цена”.

4. Сохранить изменения.

Редактирование совокупности вариаций

Если у вас более 10 вариантов, используйте кнопки для перемещения вперед и назад по списку. Каждый раз, когда вы переходите к новому набору вариаций, предыдущий набор сохраняется. Это гарантирует сохранение всех данных.

Variations Pagination

Установка значений по умолчанию

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

Settings Defaults

Если вы хотите, чтобы конкретная вариация уже была выбрана при посещении пользователем страницы товара, вы можете установить их. Это также позволяет кнопке “Добавить в корзину” автоматически появляться на страницах вариативных товаров.

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

Данные вариаций

Каждая вариация может иметь много параметров по аналогу к простому товару.

Основные:

  • Включить — включить или отключить вариацию.
  • Скачиваемый — если это загружаемая вариация.
  • Виртуальный — если этот товар — нематериальный или не может быть отправлен, параметры доставки удаляются.
  • Обычная цена (обязательно) — задайте цену для этой вариации.
  • Цена со скидкой (необязательно) — задайте цену для этой вариации при распродаже.
  • Налоговый класс — налоговый класс для этой вариации. Пригодно, если вы предлагаете вариации, охватывающие разные налоговые группы.
  • Скачиваемые файлы — показывает, если выбрано “Скачиваемый” . Добавьте файл(ы) для загрузки.
  • Лимит загрузок — показывает, если выбрано “Скачиваемый”. Укажите, сколько раз клиент может загрузить файл(ы). Оставьте пустым — для неограниченного количества.
  • Истечение срока загрузки — показывает, если выбрано “Скачиваемый”. Введите количество дней, по окончанию которых ссылка на скачивание перестанет работать.

Управление запасами:

  • Артикул — если вы используете артикулы, установите артикул или оставьте поле пустым, чтобы использовать артикул товара.
  • Управлять запасами? — управление запасами на уровне вариаций.
  • Количество в запасе — показывает, если выбрано “Управление запасами”. Введите количество — запасы для индивидуальной вариации или оставьте поле пустым, чтобы использовать настройки запасов товара.
  • Разрешить предзаказ — выберите, как обрабатывать предзаказами.
  • Продавать индивидуально — разрешает продать только одну единицу товара в одном заказе. (Эта настройка используется для самого товара. Вы не можете установить продажу одной единицы индивидуальной вариации в одном заказе.)

“Установку статуса запасов” можно применить ко всем вариациям сразу же — “Есть в наличии” или “Нет в наличии” с помощью массового обновления в разделе “Вариации”.

Поставка:

  • Вес — вес для вариации или оставьте поле пустым, чтобы использовать вес товара.
  • Габариты — высота, ширина и длина для вариации или оставьте поля пустыми, чтобы использовать размеры товара.
  • Класс доставки — класс поставки может повлиять на цену доставки. Установите его, если он отличается от товара.

Сопутствующие товары:

  • Апсейлы
  • Кросселы

Если значения SKU, веса, размеров и запаса не заданы, вариация будет использовать значения, присвоенные вариативному товару. Поля цены должны быть заданы для каждой вариации.

Добавление изображения для вариации

  1. Разверните вариацию.
  2. Кликните на синий “заполнитель” изображения (скриншот).
  3. Выберите изображение, которое вы хотите использовать.
  4. Кликните “Задать изображение вариации”.

Screen Shot on 2015-09-02 at 14-57-29

Дублирование вариативного товара

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

Массовое редактирование

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

Set Regular Prices

Компоновка возможных вариаций

Вы можете выбрать “Создать вариации из всех атрибутов”, чтобы WooCommerce создавала все возможные комбинации вариаций.

Create Variations From All Attributes

Если ваш пример имеет два атрибута — цвет (со значениями синий и зеленый) и размер (со значениями большой и малый), он создает следующие вариации:

  • Большой синий
  • Большой зеленый
  • Маленький синий
  • Маленький зеленый

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

Что видят клиенты

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

2016-05-18 at 12.17

Если пользователь пытается нажать заблокированную кнопку “Add to cart” , перед тем как выбрать атрибут, появится сообщение с просьбой создать некоторые атрибуты.

На странице архива товара “Добавить в корзину” не отображается, потому что сначала необходимо выбрать вариацию, прежде чем добавлять в корзину на странице товара.

Comments (3)
  • Игорь:

    Добрый день! Не подскажите плагин в свободном доступе для добавления нескольких изображений вариативным товарам?

  • Сергей:

    Как настроить отображение вариаций товара списком? http://prntscr.com/iy13z3

    1. Andrew Kruk:

      С помощью кастомайзера в шаблоне этого не сделать, возможно в будущем добавим такую опцию, у нас ещё много идей по кастомизации карточки товара.

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

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

Более 3000 запущенных проектов

Вместе с нами многие уже развивают свой бизнес! Смотреть все отзывы
Хочу выразить большую благодарность коллективу компании "ImageCMS" а именно Ивану и Марии! Во время выбора компании проводил переговоры с 7 различными организациями, Иван единственный кто смог адекватно объяснить и подсказать всю необходимую информацию для принятия решения. В итоге результат более чем на 100% соответствует ожиданиям, а во много их даже превосходит!
Перепробовав много CMS (opencart, Битрикс) и др. Мы увидим, как много в каждой из них недостатков. Где-то или очень сложно или очень дорого кастомизировать. Работая маркетологом, могу заверить, что в ImageCMS большинство нужны "фич" реализовано из коробки, без дополнительных надстроек. Посмотрев демо версию новой версии движка, был приятно удивлен скоростью работы (ооочень важно).
За время сотрудничества компания показала себя в качестве ответственного подрядчика, быстро воплотив в жизнь удобный интернет-магазин с учетом всех наших пожеланий.
Работой доволен. Отвечают всегда быстро и по сути, остаются только приятные впечатления от общения. Пара слов о новом движке: Быстро, красиво и интуитивно понятно. Полностью оправдывает вложенные средства. Рекомендую.
Доволен. Скрипт считаю перспективным. Считаю, что ваш коллектив работает на опережение: ваше предложение было оптимальным по цене/качеству.
Опертивная и четкая работа, своевременое предоставление дополнительных консультаций по работе с административной частью. Созданным магазином довольна. Рекомендую этот движок!