,可以通过以下步骤实现:
function add_custom_script() {
wp_enqueue_script( 'custom-script', get_stylesheet_directory_uri() . '/js/custom-script.js', array( 'jquery' ), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'add_custom_script' );
这段代码将会在网站前端加载一个名为custom-script.js的自定义JavaScript文件。
jQuery(document).ready(function($) {
// 当选择变体时,获取选定变体的价格
$('.variations_form').on('change', '.variation-select', function() {
var variationId = $(this).val();
var variation = $(this).find('[value="' + variationId + '"]').data('product_variations');
if (variation.length > 0) {
var price = variation[0].display_price;
console.log('选定的变体价格:' + price);
}
});
});
这段代码将会在用户选择变体时,获取选定变体的价格,并在浏览器控制台输出。
现在,当你的用户在网站上选择变体时,你将能够通过浏览器控制台来查看选定的变体价格。
对于Woocommerce可变产品的jQuery获取选定的变体价格的方法,上述步骤提供了一个简单的实现方式。这个方法适用于在Woocommerce中使用可变产品的情况,可以方便地获取选定变体的价格,并进行后续处理。
腾讯云相关产品推荐:
领取专属 10元无门槛券
手把手带您无忧上云