在Woocommerce Variable产品上的jQuery中获取选定的变化价格 [英] Get selected variation price in jQuery on Woocommerce Variable products
本文介绍了在Woocommerce Variable产品上的jQuery中获取选定的变化价格的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何使用变体ID使用JavaScript查找变体价格? 到目前为止,这就是我所得到的.我有变体ID,但我无法弄清楚.我已经搜索了几个小时.
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 been googling it for hours.
add_action( 'woocommerce_before_add_to_cart_quantity', 'func_option_valgt' );
function func_option_valgt() {
global $product;
global $woocommerce;
if ( $product->is_type('variable') ) {
?>
<script>
jQuery(document).ready(function($) {
$('input').change( function(){
if( '' != $('input.variation_id').val() ) {
var var_id = $('input.variation_id').val();
var var_length = $('#cfwc-title-field').val(); //LENGTH
var var_diameter =$('#diameter').val(); //DIAMETER
alert('Du valgte variant #' + var_id + " Lengde: " + var_length + " Diameter: " + var_diameter + " Variantpris: " + var_variant_pris);
}
});
});
</script>
<?php
}
}
任何帮助表示赞赏.
推荐答案
使用以下重新访问的代码,您将在jQuery脚本中获得版本ID的价格:
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'];
}
?>
<script>
jQuery(function($) {
var jsonData = <?php echo json_encode($variations_data); ?>,
inputVID = 'input.variation_id';
$('input').change( function(){
if( '' != $(inputVID).val() ) {
var vid = $(inputVID).val(), // VARIATION ID
length = $('#cfwc-title-field').val(), // LENGTH
diameter = $('#diameter').val(), // DIAMETER
vprice = ''; // Initilizing
// Loop through variation IDs / Prices pairs
$.each( jsonData, function( index, price ) {
if( index == $(inputVID).val() ) {
vprice = price; // The right variation price
}
});
alert('variation Id: '+vid+' | Lengde: '+length+' | Diameter: '+diameter+' | Variantpris: '+vprice);
}
});
});
</script>
<?php
}
}
代码在您的活动子主题(或活动主题)的function.php文件上.经过测试,可以正常工作.
Code goes on function.php file of your active child theme (or active theme). Tested and works.
这篇关于在Woocommerce Variable产品上的jQuery中获取选定的变化价格的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文