WooCommerce - отображать размеры вариантов на странице вариантов продукта

Question

В моем магазине мало товаров, и все они вариативные. Я хочу отображать размеры каждого варианта на странице продукта.

Что я сделал до сих пор?

<?php if ( $product->has_dimensions() ) {
echo "This variation dimensions are:";
echo "<br>";
echo esc_html( wc_format_dimensions( $product->get_dimensions( false ) ) );
}
else {
    echo "Product has no dimensions!";
    }
?>  

Я поместил этот код в content-single-product. php но проблема в том, что этот код показывает только основное измерение из вкладки отгрузки продукта, а не из настроек отдельного варианта. Что мне нужно:

1. Я мог бы загрузить все размеры вариаций и показать только активный, используя CSS, если выбрано c радио (вариация). Я думаю, что для каждого варианта может потребоваться перенос или что-то в этом роде, чтобы я мог показать / скрыть их с помощью CSS.
2. Или, если это возможно, я хотел бы показать / скрыть их динамически с помощью JS, когда пользователь переключение между вариантами.

Я использую это решение для замены полей выбора на радиокнопки в моих вариациях продуктов: Варианты WooCommerce как радиокнопки

Есть ли у кого-нибудь идея, как динамически отображать длину / ширину / высоту, когда покупатель переключается между вариантами продукта?