如何在WooCommerce产品页面上创建自定义文本框？

Question

我正在使用WooCommerce功能的WordPress网站上工作。

我已经建立2个自定义字段，对于产品页的后端内的产品数据中，使用以下代码：

<?php 
function theme_name_woocommerce_custom_fields() { 
    // Price Per Character 
    woocommerce_wp_text_input( 
     array(
      'id'   => '_character_price', 
      'label'  => 'Price Per Character', 
      'description' => 'This is the amount a customer pays per letter entered.', 
      'desc_tip' => 'true', 
      'placeholder' => 'Enter Amount per Letter (Exclude the £)' 
     ) 
    ); 
    // Custom Text Box 
    woocommerce_wp_checkbox(
     array(
      'id'   => '_custom_text_box', 
      'label'  => 'Show Custom Text Box', 
      'description' => 'Select this box, if you would like a Custom Text Box to appear on the Product's page.', 
      'desc_tip' => 'true', 
     ) 
    ); 
} 
add_action('woocommerce_product_options_general_product_data', 'theme_name_woocommerce_custom_fields'); 

function save_theme_name_woocommerce_custom_field($post_id) { 
    if (! empty($_POST['_custom_text_field'])) { 
     update_post_meta($post_id, '_custom_text_field', esc_attr($_POST['_custom_text_field'])); 
    } 
} 
add_action('woocommerce_process_product_meta', 'save_theme_name_woocommerce_custom_fields'); 
?> 

在参考woocommerce_wp_checkbox，我想创建一个功能，由此当此复选框被选中时，它会在相关产品的页面上创建一个自定义文本框。这个自定义文本框然后可以被潜在客户用来输入他们想要打印到页面的产品中的一段文本。

有人知道我需要输入什么额外的编码，以达到上述目标吗？

Answer 1

您可以覆盖简单/变量产品的模板文件并在其中添加自定义字段。只有在复选框被选中的情况下，保持显示/隐藏文本框的逻辑。

添加到购物车完成后，您将在POST中获取所有发布的数据。从那里抓起来，放入woocommerce的对象。

============================================== ========= 编辑：

您可以按照此步骤：

1. 复制woocommerce /模板/单品/添加到购物车/ variable.php此模板您的孩子主题并进行自定义。你会在那里看到一个表单标签。在那里你可以把你自定义的创建复选框（你从admin添加）。此外，添加一个自定义文本框（用户将输入文本） - 并隐藏它。

2. 从functions.php中添加自定义js。 - 在这个JS你可以写逻辑，如果复选框被选中，那么你将显示文本框，否则不是。

3. 现在，当用户添加到购物车时，将此自定义文本框数据添加到woocommerce对象。如何将自定义数据输入到woocommerce对象 - 您可以在此处获得一步一步的详细信息：https://wisdmlabs.com/blog/add-custom-data-woocommerce-order/