Seletores de produtos variáveis: obtendo os valores selecionados ao vivo

No WooCommerce, use o código abaixo para adicionar um rótulo personalizado após os preços dos produtos em produtos simples e variáveis:

add_filter('woocommerce_variation_price_html','prices_custom_labels', 10, 2    );
add_filter('woocommerce_price_html','prices_custom_labels', 10, 2 );
function prices_custom_labels( $price, $product ){

    // Set HERE your custom labels names
    $per_dozen = ' '. __('per dozen', 'woocommerce' );
    $per_case = ' '. __('per case (20 dozens)', 'woocommerce' );


    // 1) Variable products
    if ($product->product_type != 'simple' && $product->variation_id ) {

        // Getting the array of existing attributes values for a variation
        $variation_attribute_value = $product->variation_data;
        // Here we keep only the last value in this array
        $last_variation_attribute_slug_value = ' ' .    end($variation_attribute_value);

        // Finding the word 'case' in the attribute value slug
        $has_case = strstr($last_variation_attribute_slug_value, 'case');

        // Setting the right displayed label depending on attribute value slug
        if( $has_case )
            $attribute_quantity_name_value = $per_case;
        else
            $attribute_quantity_name_value = $per_dozen;

        // Here the output price + custom label
        $price = '<ins class="highlight">'.woocommerce_price( $product-   >regular_price ).$attribute_quantity_name_value.'</ins>';
    }
    // 2) Simple products
    else
    {
        // Here the output price + custom default label
        $price = '<ins class="highlight">'.woocommerce_price( $product-  >regular_price ).$per_dozen.'</ins>';
    }
    return $price;
}

Mas em produtos variáveis, tenho um problema com o rótulo personalizado anexado no preço exibido ao vivo. O código que eu uso apenas é exibido após o preço ao vivo "por dúzia".

Precisarei obter o valor selecionado no seletor de "quantidade" personalizado para adicionar o rótulo correto após o preço:

Se o valor selecionado for "Dúzia", preciso exibir após o preço ao vivo "por dúzia",Se o valor selecionado for "Caso (20 dúzias)", preciso exibir após o preço ao vivo "por caso (20 dezenas)".

Esta captura de tela é o que eu realmente tenho para todos os casos:

Verifique este problema no meu sitepágina específica do produto

Então, eu precisaria obter o atributo "quantidade" do valor selecionado para anexar o rótulo correto ao preço ao vivo.

Qualquer ajuda? Como posso fazer para que isso funcione?

Eu tentei muitos códigos e não consigo fazê-lo funcionar.

questionAnswers(2)

yourAnswerToTheQuestion