Quiero mostrar el precio de variación seleccionado actual y el sku @ woocommerce_before_single_product_summary ¿Cómo obtengo los valores y los muestro en la parte superior de la página en línea con el estilo?

Estoy trabajando con estos recursos:

Obtenga y muestre el SKU de variación seleccionado en WooCommerce

Obtenga la variación y los datos seleccionados actualmente del producto variable de Woocommerce

WooCommerce: muestra el SKU y el GTIN actuales en la página de producto variable

Esto es lo que tengo:

 // Display product variations SKU and price add_filter( 'woocommerce_available_variation', 'display_variation_sku_and_price', 20, 3 ); function display_variation_sku_and_price( $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 price if( ! empty( $variation_data['price'] ) ){ $html .= '</div><div class="woocommerce-variation-price">' . __('price:') . ' ' . $variation_data['price']; } // Using the variation description to add dynamically the SKU and the price $variation_data['variation_description'] .= $html; return $variation_data; } add_action('woocommerce_before_single_product_summary', 'display_product_sku_and_price', ); function display_product_sku_and_price() { global $product; echo '<p>' . __("SKU:") . ' ' . $product->get_sku() . '</p>'; echo '<p>' . __("Price:") . ' ' . $product->get_price() . '</p>'; }

Puedo hacer que funcione dentro de la forma de variaciones pero no moverlo hacia afuera/arriba.