Показать выбранный вариант Sku в WooCommerce

Question

У меня есть этот код в functions.php для вывода выбранного варианта Sku в WooCommerce

add_filter('woocommerce_available_variation', 'display_variation_sku', 10, 3 );
function display_variation_sku( $variation_data, $product, $variation ) {
$variation_data['price_html'] .= '<span class="sku">' . $variation_data['sku'] . '</span>';

    return $variation_data;
}

В настоящее время он отображается перед кнопкой добавить в корзину

Как можно Я делаю так, чтобы он отображался после названия продукта ?

2) Я помещаю этот код в ... / woocommerce / single-product / title. php

<div class="product_sku">
    
    <div class="nm-row">
    	<div class="col-xs-12">

            <?php if ( wc_product_sku_enabled() && ( $product->get_sku() || $product->is_type( 'variable' ) ) ) : ?>
            
                <span class="sku_wrapper"><?php esc_html_e( 'SKU:', 'woocommerce' ); ?> <span class="sku"><?php echo ( $sku = $product->get_sku() ) ? $sku : esc_html__( 'N/A', 'woocommerce' ); ?></span></span>

            <?php endif; ?>

        </div>
    </div>

</div>

Но он показывает SKU только для 1-го варианта. Когда я выбираю другой вариант, SKU не меняется.