Woocommerce获得并显示样本后选定的或有效的产品变化

Question

我有一个Woocommerce产品页面，其中包含一个可变产品，该产品具有每个变体属性的色板（图像）。我正在尝试编写一个函数，以获取产品属性名称/标签/标签，并将其回显到我选择的位置的div，此位置在色板某处之后。因此，如果用户将红色选择为图像/色板，则文本RED也会出现在下方，向他们显示他们选择的颜色的名称。

我一直在搜索数小时无济于事，我对PHP完全陌生，所以我希望获得一些帮助或指导。到目前为止，伪代码是这样的：

add filter to correct location

function GetLabel {
  get the attribute name, if selected (by html .selected class?)
  output attribute name
}

到目前为止，我也有这样做，它会在属性名称之后的位置添加一些文本，但是仍然无法获取或输出所选属性的名称。

add_filter( 'woocommerce_attribute_label', 'custom_attribute_label', 10, 3 );
function custom_attribute_label( $label, $name, $product ) {
    $taxonomy = 'pa_'.$name;

    if( $taxonomy == 'pa_color' )
        $label .= '<div class="custom-label">' . __('TEXT HERE', 'woocommerce') . '</div>';
    return $label; 
}

基本上，我只是想编写一个仅将所选属性或活动属性的名称输出到woocommerce中的产品页面的函数。