WooCommerce 后台自定义产品选项(2021)

最后更新于 2021 年 10 月 24 日

WooCommerce 如何增加自定义产品选项？产品编辑页面( Product Metabox )是WordPress Metabox。本文先介绍一个增加自定义产品字段的代码示例，再给出各个位置的钩子函数，最后介绍如何从前台获取自定义产品选项。

自定义产品选项的代码

目标是在上图所示的常规选项卡下添加一个自定义字段，代码如下，放在子主题的functions.php里。

/**
 * 增加自定义字段
 */
add_action( 'woocommerce_product_options_general_product_data', function(){
 $product = wc_get_product();
  woocommerce_wp_select(
        array(
          'id'          => '_my_custom_field',
          'value'       => get_post_meta($product->get_id(), '_my_custom_field',true),
          'label'       => 'Custom Field',
          'options'     => array('1' => 'option 1', '2' => 'option 2'),
          'desc_tip'    => 'true',
          'description' => 'A custom field',
        )
      );
});

/**
 * 保存自定义字段的值
 */
add_action('woocommerce_process_product_meta', function( $post_id ) {
  $product = wc_get_product($post_id);
  $custom_field_value = $_POST['_my_custom_field'] ?? '';
  $product->update_meta_data('_my_custom_field', sanitize_text_field($custom_field_value) );
  $product->save();
});