WooCommerce

Что такое Атрибут товара и как его создать?

Что такое Атрибут товара и как его создать?

Атрибуты товаров в WooCommerce

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

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

Виды атрибутов: цвет, размер, бренд, страна производства, вид, и т.д.
Значения атрибутов: Цвет: красный, синий, зеленый; Размер: XS, S, M, L; Бренд: Baghera, Sebra, STOY; Страна производства: Россия, США.

Все эти значения можно присвоить товарам и задать по собственным шаблонам / структуре интернет-магазина.

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

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

В admin-панели проходим в раздел Товары, выбираем подраздел: «Атрибуты» и внимательно изучаем все что там написано.

  1. Задаем название атрибута.
  2. Обращаем внимание на слаг (ярлык) — он должен быть уникальным, на латинице (ОБЯЗАТЕЛЬНО!).
  3. Включить архивы? — функция для активации отдельного списка с товарами, которым присвоен этот атрибут.
    Формируется отдельный URL адрес, по которому выводятся все ваши товары с этим атрибутом. К примеру: Бренд — по клику на значение атрибута будет открываться страница со всеми товарами этого бренда.
  4. Описание — заполнять если это уместно.
  5. Порядок сортировки — функция, модерирующая вид отображения атрибутов. Произвольный порядок дает возможность самостоятельно передвигать атрибуты по полю списка справа.
  6. Добавить атрибут.

Задаем правила (варианты) атрибутам

После создания Атрибута, появляется возможность задать ему значения.
В появившемся справа списке из атрибутов, выбираем нужный нам и жмем кнопку «Установить правила».

Переходим к наполнению значениями нашего атрибута.

  1. Изучаем все что написано.
  2. Задаем название значения.
  3. Слаг (Ярлык). Так же как и с ярлыком атрибута — только латиница и уникальный набор символов (ОБЯЗАТЕЛЬНО!).
  4. Добавить.

В зависимости от настроек и возможностей темы, может появляться различный дополнительный функционал. В данном случае, используется премиум тема Woodmart. Она позволяет задать значения атрибута миниатюрами (картинками) — цветами (на скриншоте моего интернет-магазина).

Где в карточке товара показываются атрибуты?

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

Т.е., все что ниже строки «Габариты упаковки» — это атрибуты (слева) и их заданные значения (справа).

Как добавить атрибуты в карточку товара?

Проходим в admin-панель, выбираем Товары, подпункт Все товары.

  1. В появившейся таблице если товары уже заведены — ищем нужный через поиск справа сверху и жмем «Изменить»; если нет — заводим новый.
  2. В карточке товара прокручиваем до функций «Данные товара».
  3. Выбираем вкладку Атрибуты.
  4. Кликаем на «Индивидуальный атрибут товара».
  5. В появившемся всплывающем списке ищем нужный нам атрибут и кликаем на него.
    Атрибут добавится в список во вкладку.
  6. В появившемся списке из атрибутов выбираем тот, которому хотим выбрать значения и кликаем на него.
  7. В зависимости от типа карточки товара, в значениях атрибута будет функционал «Использовать для вариаций или нет».
  8. Задаем варианты значений атрибута (на примере варианты цвета) из всплывающего списка.
    Варианты значений атрибутов будут формироваться в список на вкладке.
  9. Кликаем по нужному значению-вариации и задаем ей дополнительную информацию.
    В зависимости от типа карточки товара: Картинки к галерее, SKU (Артикул), Цену, Цену со скидкой, Описание, Наличие и прочие функции.
    Если товар имеет тип — простой, то дополнительный функционал недоступен.

После всех манипуляций остается только сохранить изменения и проверить карточку товара.
Как видите, настроить такую карточку довольно просто.

Статьи по теме