Как на WOOCOMMERCE в карточке товара сделать дополнительные поля?

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

  1. Создание функции для добавления поля:
function custom_product_field() {
    echo '<div class="custom-field"><label for="my_field">Дополнительное поле:</label><input type="text" name="my_field" id="my_field" value="' . esc_attr( get_post_meta( get_the_ID(), 'my_field', true ) ) . '" /></div>';
}
add_action( 'woocommerce_before_add_to_cart_button', 'custom_product_field' );
  1. Сохранение значения дополнительного поля:
function save_custom_product_field( $product_id ) {
    if ( isset( $_POST['my_field'] ) ) {
        update_post_meta( $product_id, 'my_field', sanitize_text_field( $_POST['my_field'] ) );
    }
}
add_action( 'woocommerce_process_product_meta', 'save_custom_product_field' );
  1. Отображение добавленного поля на странице товара:
function display_custom_product_field() {
    $custom_field = get_post_meta( get_the_ID(), 'my_field', true );
    if ( $custom_field ) {
        echo '<p>Дополнительное поле: ' . $custom_field . '</p>';
    }
}
add_action( 'woocommerce_single_product_summary', 'display_custom_product_field', 20 );
  1. Стилизация добавленного поля с помощью CSS:
.custom-field {
    margin-top: 20px;
}
  1. Обновление шаблона карточки товара:

В зависимости от вашей темы вам может потребоваться изменить шаблон карточки товара (например, content-single-product.php), чтобы добавить вывод дополнительного поля.

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