Для добавления дополнительных полей на страницу карточки товара в 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' );
2. **Сохранение значения дополнительного поля:**
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' );
3. **Отображение добавленного поля на странице товара:**
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 );
4. **Стилизация добавленного поля с помощью CSS:**
.custom-field { margin-top: 20px; }
5. **Обновление шаблона карточки товара:**
В зависимости от вашей темы вам может потребоваться изменить шаблон карточки товара (например, content-single-product.php
), чтобы добавить вывод дополнительного поля.
Это лишь общий пример того, как добавить дополнительные поля на страницу карточки товара в WooCommerce. Вы можете настроить их более подробно в соответствии с вашими требованиями и дизайном.