Описание вариации WooCommerce

Question

Я создал собственную тему WooCommerce, и в настоящее время я редактирую шаблон для content-single-product. php (см. Пример в реальном времени https://harperaustralia.com/product/business-planner/). Информация о продукте отображается в соответствии со следующим кодом, однако я не могу повторить описание варианта таким же образом.

<div>
<!-- PRODUCT TITLE --><h2><?php echo $product->get_name();?></h2>
<!-- PRODUCT PRICE --><p class="bold"><?php echo $product->get_price_html();?></p>
<!-- PRODUCT DESCRIPTION --><p style="text-align: justify;"><?php echo $product->get_description();?></p>
<!-- ADD TO CART BUTTON --><?php do_action( 'woocommerce_variable_add_to_cart', 'woocommerce_variable_add_to_cart');?>  
</div>

Я попытался скопировать и вставить код из варианта. php в div где я хочу, чтобы описание варианта отображалось под заголовком размеров. Однако это не работает, так как div на веб-сайте в реальном времени пуст и описание варианта продолжает отображаться в раскрывающемся списке вариантов продукта.

<script type="text/template" id="tmpl-variation-template">
    <div class="woocommerce-variation-description">{{{ data.variation.variation_description }}}</div>
    <div class="woocommerce-variation-price">{{{ data.variation.price_html }}}</div>
    <div class="woocommerce-variation-availability">{{{ data.variation.availability_html }}}</div>
</script>
<script type="text/template" id="tmpl-unavailable-variation-template">
    <p><?php esc_html_e( 'Sorry, this product is unavailable. Please choose a different combination.', 'woocommerce' ); ?></p>
</script>

Существует ли простой способ отобразить описание варианта в ДИВ