How to get the price and name of a product variation?

Question

WordPress

The variable product card has a link with attributes data-variation-titleanddata-variation-price

TYK

<a class="btn" data-variation-title="" data-variation-price="" href="#">Заказать</a>

data-variation-titleHow can I transfer the values ​​(name and data-variation-priceprice) of the selected product variation to this link in attributes ?

Answer 1

If I understand correctly, then this should be done on the product page when selecting all the attributes of the variations, then the selected variation can be obtained like this:

$( '.variations_form' ).each( function() {
       $(this).on( 'found_variation', function( event, variation ) {
            console.log(variation);
        });
});

found_variation is triggered when all the necessary attributes are selected, after that, the necessary data can be taken from the variation variable and written to the link. But the variation object does not store the product names and attribute names, but only the variation id and attribute slug, so as an option, you can use the script to take the product name from somewhere on the page and add the value of the selected selects with attributes to it and then use it as you need.