wordpress爱找主题

要向WooCommerce产品数据Metabox添加字段选项卡，您需要编写自定义代码并将其添加到您的WordPress主题或插件中。以下是一般步骤：

1. 创建自定义Metabox：
   首先，您需要创建一个自定义Metabox来添加到WooCommerce产品编辑页面。您可以使用WordPress的add_meta_box函数。

   function custom_product_metabox() {
      add_meta_box(
          'custom_product_metabox_id',
          'Custom Product Metabox',
          'display_custom_product_metabox',
          'product',
          'normal',
          'default'
      );
   }
   
   function display_custom_product_metabox($post) {
      // Display your custom fields and tabs here
   }
   
   add_action('add_meta_boxes', 'custom_product_metabox');

2. 添加字段选项卡：
   在display_custom_product_metabox函数中，您可以创建字段选项卡，并在选项卡中添加相应的字段。

   function display_custom_product_metabox($post) {
      // Display tabs
      echo '
   ';
      echo '
   ';
      echo '
   Tab 1
   ';
      echo '
   Tab 2
   ';
      echo '
   ';
   
      // Fields for Tab 1
      echo '
   ';
      echo 'Custom Field 1:';
      echo '';
      echo '
   ';
   
      // Fields for Tab 2
      echo '
   ';
      echo 'Custom Field 2:';
      echo '';
      echo '
   ';
   
      echo '
   '; // Close customtabs
   }

3. 保存字段数据：
   您还需要添加保存这些字段数据的代码。

   function save_custom_product_metabox_data($post_id) {
      // Save custom fields
      if (isset($_POST['custom_field_1'])) {
          update_post_meta($post_id, 'custom_field_1', sanitize_text_field($_POST['custom_field_1']));
      }
   
      if (isset($_POST['custom_field_2'])) {
          update_post_meta($post_id, 'custom_field_2', sanitize_text_field($_POST['custom_field_2']));
      }
   }
   
   add_action('save_post_product', 'save_custom_product_metabox_data');

   确保替换custom_field_1和custom_field_2以及相应的标签和字段名称为您实际想要的字段。

4. 样式和交互：
   您可能需要添加一些JavaScript和CSS来处理选项卡的样式和交互效果。

以上代码可以作为起点，您可能需要根据自己的需求和设计进一步定制和优化。确保测试您的代码，以确保它在WooCommerce产品编辑页面上正常运行并保存数据。