WooCommerce：在可变产品页面中显示当前SKU和GTIN

是否有办法在可变产品页面中显示当前产品SKU和GTIN？现在我使用的是以下代码，但它只适用于没有变化的简单产品：

add_action('woocommerce_single_product_summary', 'show_sku_and_gtin');
function show_sku_and_gtin() {
  global $product, $post; 
  echo '<p>SKU: '.$product->sku.'</p>';
  // In my case, GTIN is a custom field called "barcode"
  echo '<p>GTIN: '.get_post_meta($post->ID, 'barcode', 1).'</p>';                    
}

我希望每当我在产品页面中选择不同的产品变体时，它都会动态更新SKU和GTIN。

---

解决方案

更新(针对末尾的现有代码)

为了使变体产品能够实现这一点，我们将使用动态变体描述插入SKU和GTIN并动态显示它们：

// Display product variations SKU and GTIN info
add_filter( 'woocommerce_available_variation', 'display_variation_sku_and_gtin', 20, 3 );
function display_variation_sku_and_gtin( $variation_data, $product, $variation ) {
    $html = ''; // Initializing

    // Inserting SKU
    if( ! empty( $variation_data['sku'] ) ){
        $html .= '</div><div class="woocommerce-variation-sku">' . __('SKU:') . ' ' . $variation_data['sku'];
    }

    // Inserting GTIN
    if( get_post_meta( $variation->get_id(), 'barcode', true ) ){
        $gtin = get_post_meta( $variation->get_id(), 'barcode', true );
        $html .= '</div><div class="woocommerce-variation-gtin">' . __('GTIN:') . ' ' . $gtin;
    }

    // Using the variation description to add dynamically the SKU and the GTIN
    $variation_data['variation_description'] .= $html;

    return $variation_data;
}

代码放在活动子主题(或活动主题)的函数.php文件中。已测试并正常工作。

---

现在您的答案代码自WooCommerce 3以来已经有点过时了，并且有一些错误。

您还应该从其中排除可变产品，因为使用我的回答代码，您现在可以获得可变产品的产品变体的SKU和GTIN。

以下是重新访问的代码：

add_action('woocommerce_single_product_summary', 'display_product_sku_and_gtin', );
function display_product_sku_and_gtin() {
    global $product; 

    echo '<p>' . __("SKU:") . ' ' . $product->get_sku() . '</p>';

    if( get_post_meta( $product->get_id(), 'barcode', true) )
        echo '<p>' . __("GTIN:") . ' ' . get_post_meta( $product->get_id(), 'barcode', true) . '</p>';                  
}

代码放在活动子主题(或活动主题)的函数.php文件中。