必需的自定义WooCommerce结帐字段不验证输入的值

2 回答

• 1

  正如你可以在 woocommerce_before_checkout_form 钩子中读到的那样，它是在结账表格之前（所以在结账表格之外） . For this reason this custom field can't work in this hook .

  您可以使用 woocommerce_checkout_update_order_meta action钩子，在代码中进行一些小的更改，因为它没有可用的$ checkout参数 .

  这将显示“在页面顶部，结算字段之前”字段“...

  

  所以你的完整代码现在应该是：

  /**
   * Add the field to the checkout
   */
  add_action( 'woocommerce_checkout_before_customer_details', 'my_custom_checkout_fields' );
  
  function my_custom_checkout_fields() {
  
      echo '<div id="my_custom_checkout_field" class="col4-set"><h2>' . __('name') . '</h2>';
  
      woocommerce_form_field( 'developer_name', array(
          'type'          => 'text',
          'class'         => array('developer_name-class form-row form-row-first'),
          'label'         => __('name'),
          'placeholder'   => __('fill in your name'),
          'required'      => true,
      ), WC()->checkout->get_value( 'developer_name' ));
  
      echo '</div>';
  
  }
  
  /**
   * Process the checkout
   */
  add_action('woocommerce_checkout_process', 'my_custom_checkout_field_process');
  
  function my_custom_checkout_field_process() {
      // Check if set, if its not set add an error.
      if ( ! $_POST['developer_name'] )
          wc_add_notice( __( 'Please fill in your name.' ), 'error' );
  }
  
  
  // Update the order meta with field value
  add_action( 'woocommerce_checkout_update_order_meta', 'my_custom_checkout_field_update_order_meta', 10, 1 );
  function my_custom_checkout_field_update_order_meta( $order_id ) {
      if ( ! empty( $_POST['developer_name'] ) ) {
          update_post_meta( $order_id, 'Developer name', sanitize_text_field( $_POST['developer_name'] ) );
      }
  }
  
  // Display the custom-field in orders view
  add_action( 'woocommerce_order_details_after_customer_details', 'display_my_custom_field_in_orde_details', 10, 1 );
  function display_my_custom_field_in_orde_details( $order ) {
  
      $developer_name = get_post_meta( $order->get_id(), 'Developer name',  true );
  
      if ( ! empty( $developer_name ) ):
      ?>
          <table class="woocommerce-table woocommerce-table--customer-details shop_table customer_details">
              <tbody><tr>
                  <th>Developer name:</th>
                  <td><?php echo $developer_name; ?></td>
              </tr></tbody>
          </table>
      <?php
      endif;
  }
  

  此代码位于活动子主题（或主题）的function.php文件中，或者也可以放在任何插件文件中 .

  此代码经过测试，适用于WooCommerce 3.0版

  回复于 2024-04-26T04:09:36+08:00
• 3

  你试试这个代码 . 测试好了

  add_action( 'woocommerce_billing_fields', 'my_custom_checkout_fields' );
  
  function my_custom_checkout_fields( $fields ) {
  
     $fields['billing_developer_name'] = array(
      'label'       => __('Developer name', 'woocommerce'),            
      'placeholder' => _x('Developer name', 'placeholder', 'woocommerce'),  
      'required'    => TRUE,             
      'clear'       => false,             
      'type'        => 'text',              
      'class'       => array('my-css')    
      );
  
   return $fields;
  
  }
  

  您可以使用此代码段进行排列

  add_filter("woocommerce_checkout_fields", "order_fields");
  
  function order_fields($fields) {
  
      $order = array(
          "billing_developer_name",
          "billing_first_name", 
          "billing_last_name", 
          "billing_company", 
          "billing_address_1", 
          "billing_address_2", 
          "billing_postcode", 
          "billing_country", 
          "billing_email", 
          "billing_phone"
  
      );
      foreach($order as $field)
      {
          $ordered_fields[$field] = $fields["billing"][$field];
      }
  
      $fields["billing"] = $ordered_fields;
      return $fields;
  
  }
  

  见screenshot

  回复于 2024-04-26T04:09:36+08:00