Как в WordPress сделать атрибуты как в Woocommerce?

В WordPress, чтобы добавить атрибуты, как в WooCommerce, необходимо выполнить несколько шагов.

Шаг 1. Установка и активация плагина "Advanced Custom Fields":

  • Зайдите в административную панель вашего сайта WordPress.
  • Наведите курсор на раздел "Плагины" и выберите "Добавить новый".
  • В поле поиска введите "Advanced Custom Fields".
  • Найдите плагин "Advanced Custom Fields" в результате поиска и нажмите на кнопку "Установить сейчас".
  • После завершения установки нажмите кнопку "Активировать плагин".

Шаг 2. Создание нового поля в ACF:

  • После активации плагина "Advanced Custom Fields", перейдите в "Настройки" -> "Поля".
  • Щелкните на кнопку "Добавить новое поле".
  • Введите название поля, например, "Атрибуты".
  • В поле "Тип поля" выберите "Таблица".
  • В поле "Имя столбца" введите "Название" (это будет заголовком столбца в таблице).
  • Щелкните на кнопку "Добавить столбец" и добавьте нужные столбцы с названием, характеристиками и значениями атрибутов вашего выбора.
  • Желательно также установить опцию "Повторение этого поля" - она позволит создавать неограниченное количество атрибутов.

Шаг 3. Добавление созданных полей в шаблон WooCommerce:

  • Перейдите в раздел "Внешний вид" -> "Редактор темы".
  • Выберите файл "functions.php".
  • Перед закрывающим тегом ?> вставьте следующий код:
function display_attributes() {
  if( function_exists('get_field') ) {
    $attributes = get_field('attributes');

    if( !empty($attributes) ) {
      echo '<ul>';

      foreach( $attributes as $attribute ) {
        echo '<li>' . $attribute['Название'] . ': ' . $attribute['Характеристика'] . '</li>';
      }

      echo '</ul>';
    }
  }
}
add_action('woocommerce_product_meta_end', 'display_attributes');
  • Нажмите кнопку "Обновить файл".

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

Заметьте, что этот метод использует плагин "Advanced Custom Fields" для создания пользовательских полей, которые заполняются администратором сайта.