Как создать атрибуты товара в WooCommerce?

от автора

в

Задача: Создать атрибуты (характеристики) для товара в интернет-магазине под управлением WordPress + WooCommerce.

Что такое атрибуты в WooCommerce?

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

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

Решение: Переходим в подраздел Атрибуты раздела Товары. Даём имя нашему атрибуту (характеристике) товара и добавляем в систему.

После успешного добавления ваши атрибуты будут появляться в системе. Но может возникнуть и проблема. Ярлык атрибута не может быть более 28 символов, поэтому, если вы увидите подобную ошибку, то исправить её можно путём редактирования Ярлыка — его сокращением.

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

Редактирование атрибута

Рекомендуется создавать (или изменить) Ярлыки на латинские символы, либо правильным переводом: цвет = color, либо транслитерацией, то есть просто превращая кириллические символы в латинские: состав=sostav

Созданным атрибутом можно сразу определить порядок сортировки по умолчанию. Это очень полезная функция, например для указания размеров. Очень удобно когда они идут последовательно в возрастающем порядке: 42, 44, 48, 50, 52 и т.д.

P.S. данному примеру будет соответствовать выбор Название (числовое)

После создания Атрибутов, осталось наполнить их значениями. Это можно сделать сразу, предопределив эти значения для удобства или добавлять значения в момент добавления товара прямо из его карточки. Рассмотри оба варианта.

Добавление значений (вариантов) атрибутов из раздела Атрибуты

Переходим по ссылке Настройка значений нужного атрибута

По аналогии с добавлением самого атрибута добавляем уже его варианты (значения). Указываем: Имя, Ярлык и нажимаем Добавить

Обратите внимание на примечание:

«Ярлык» — это вариант названия, подходящий для URL. Обычно содержит только латинские буквы в нижнем регистре, цифры и дефисы.

Добавляя варианты цвета я сразу задавал им названия на латинице. В итоге получилось:

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

Если требуется отсортировать названия вариантов, то вы уже знаете как это можно сделать 🙂 Только в этом случае нужно в настройке атрибута выбрать значение Имя

в настройке атрибута выбрать значение Имя

Теперь наши значения будут идти в алфавитном порядке

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

Как прикрепить атрибут к товару?

Переходим в режим редактирования нужного товара

Оказавшись в режиме редактирования карточки товара, переходим к разделу Атрибуты, где мы можем добавлять уже имеющиеся в базе атрибуты (которые ранее создали) или при необходимости создавать новые, прямо из карточки товара.

Добавим существующий атрибут Цвет

После этого нам необходимо выбрать соответствующее свойству товара значение. Добавлять мы можем сразу все значения, например, это удобно делать в линейке размеров или добавить выборочно. Также возможно создать Новое значение, но об этом чуть позже. Обратите внимание на ссылку Удалить. Эта ссылка просто удаляет, а вернее открепляет данный атрибут от товара. То есть он по прежнему будет в глобальной базе и никуда не денется.

атрибуты

Так как наша шапочка имеет красный цвет, добавим ей соответствующее значение:

добавляем значение атрибута и сохраняем

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

Добавление атрибутов и значений прямо из карточки товара

Бывают случаи когда требуется «на ходу» добавлять новые атрибуты и значения прямо из карточки товара в которой вы работаете, а не скакать постоянно по разделам.

Рассмотрим пример добавления Страны изготовления. Для этого в режиме редактирования товара, нам необходимо:

  1. выбрать Добавить
  2. Указать Имя атрибута
  3. Указать Значение(я) атрибута. Если значений несколько, то в качестве разделителя выступает вертикальная черта.
  4. Сохранить атрибуты
создание нового атрибута

Теперь на странице товара у нас отображается две характеристики:

характеристики товара

Как поменять местами атрибуты?

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

меняем очередность

Нюансы. Баг или фича?

Добавляя новые атрибуты из карточки товара они не добавляются в общий раздел Атрибутов 🙁 Как мы видим, в списках нет добавленного атрибута Страна

раздел Атрибутов

И при добавлении атрибута для нового товара, ранее добавленный атрибут через карточку товара не доступен для поиска 🙁

не доступен для поиска

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

атрибут Состав

Во всплывающем окне указываем значение

указываем значение

сохраним изменения

сохраним изменения

то в этом случае добавленное новое значение появится в общем разделе Атрибутов. Предсказуемый, ожидаемый UX, согласны? Чего не скажешь о создании несуществующих новых Атрибутов из карточки товара.

Ну и не забывайте менять Ярлыки на латиницу 🙂

Архивы по значению атрибута

Например, если однажды встанет необходимость выборки всех товаров только по цвету, то вы без труда сможете это осуществить, применив к нужному атрибуту функцию Архивы.

Переходим в режим редактирования атрибута Цвет и включаем Архивы:

Включаем Архивы для атрибута Цвет

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

выборка по цвету

А как вы создаёте атрибуты и с какими трудностями и неожиданностями сталкивались? Напишите в комментариях.

Буду признателен за Share 🙏


Комментарии

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

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