提问者:小点点

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。


共1个答案

匿名用户

更新(在末尾为您现有的代码)

为了使变体产品能够实现这一点,我们将使用动态变体描述插入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文件。