Вывести атрибуты товара WooCommerce в каталоге

Вывести атрибуты товара WooCommerce в каталоге

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

1. Изменение шаблона каталога WooCommerce

Для вывода атрибутов на страницах каталога можно отредактировать файл шаблона content-product.php.

Шаги для редактирования шаблона:

1. Создайте дочернюю тему, если ещё не сделали этого
2. Найдите файл content-product.php в директории темы:

   /wp-content/themes/ваша-тема/woocommerce/content-product.php

3. Скопируйте файл в дочернюю тему:

   /wp-content/themes/ваша-дочерняя-тема/woocommerce/content-product.php

4. Отредактируйте файл, добавив код для вывода атрибутов

Пример кода для вывода атрибутов:

<?php
global $product;
// Получаем атрибуты товара
$attributes = $product->get_attributes();
// Выводим список атрибутов
if ( ! empty( $attributes ) ) {
  echo '<ul class="product-attributes">';
  foreach ( $attributes as $attribute ) {
    // Выводим название атрибута
    echo '<li><strong>' . wc_attribute_label( $attribute->get_name() ) . ':</strong> ';
    // Получаем значения атрибута
    $terms = wc_get_product_terms( $product->get_id(), $attribute->get_name(), array( 'fields' => 'names' ) );
    // Выводим значения атрибута
    echo implode( ', ', $terms );
    echo '</li>';
  }
  echo '</ul>';
}
?>

2. Вывод атрибутов через фильтры

Без изменения шаблонов можно использовать фильтры WooCommerce.

Пример кода для вывода атрибутов через фильтр:

// Выводим атрибуты товара в каталоге (после названия товара)
add_action( 'woocommerce_after_shop_loop_item_title', 'display_product_attributes_in_catalog', 20 );

function display_product_attributes_in_catalog() {
  global $product;
  $attributes = $product->get_attributes();
  if ( ! empty( $attributes ) ) {
    echo '<ul class="product-attributes">';
    foreach ( $attributes as $attribute ) {
      $attr_label = wc_attribute_label( $attribute->get_name() );
      $attr_values = wc_get_product_terms( $product->get_id(), $attribute->get_name(), array( 'fields' => 'names' ) );
      echo '<li><strong>' . $attr_label . ':</strong> ' . implode( ', ', $attr_values ) . '</li>';
    }
    echo '</ul>';
  }
}

3. Вывод конкретного атрибута

Для вывода только одного конкретного атрибута (например, цвета):

// Выводим только атрибут "Цвет" в каталоге
add_action( 'woocommerce_after_shop_loop_item', 'display_specific_attribute_in_catalog', 10 );

function display_specific_attribute_in_catalog() {
  global $product;
  $attribute_name = 'pa_color'; // Системное имя атрибута
  if ( $product->has_attributes() ) {
    $terms = wc_get_product_terms( $product->get_id(), $attribute_name, array( 'fields' => 'names' ) );
    if ( ! empty( $terms ) ) {
      echo '<p><strong>Цвет:</strong> ' . implode( ', ', $terms ) . '</p>';
    }
  }
}

Замените pa_color на системное имя нужного атрибута.

4. Плагины для вывода атрибутов

Для тех, кто не хочет редактировать код, существуют специальные плагины.

Шаги для использования WooCommerce Show Attributes:

1. Установите плагин через Плагины > Добавить новый
2. Найдите и активируйте WooCommerce Show Attributes
3. Перейдите в WooCommerce > Настройки > Show Attributes
4. Настройте отображение атрибутов для каталога

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