Get selected variation price in jQuery on Woocommerce Variable products

Question

How do I use the variation id to find the variations price using javascript? This is what I\'ve got so far. I\'ve got the variations ID, but i can\'t figure it out. I\'ve be

Answer 1

With the following revisited code you will get in your jQuery script the price from the variation ID:

add_action( 'woocommerce_before_add_to_cart_quantity', 'func_option_valgt' );
function func_option_valgt() {
    global $product;

    if ( $product->is_type('variable') ) {
        $variations_data =[]; // Initializing

        // Loop through variations data
        foreach($product->get_available_variations() as $variation ) {
            // Set for each variation ID the corresponding price in the data array (to be used in jQuery)
            $variations_data[$variation['variation_id']] = $variation['display_price'];
        }
        ?>
        
        

Code goes on function.php file of your active child theme (or active theme). Tested and works.