Woocommerce-如果未选择产品变体选项，如何添加文本？

Question

多亏了另一个线索，如果用户没有选择任何变体选项，我能够隐藏可变产品的价格。我现在可以添加文本了吗？

 <p>Make a selection to see the price</p>

我什至不确定是否有可能，但感谢您抽出宝贵的时间阅读该文章。

Answer 1

您可以尝试此JQuery代码

jQuery(document).ready(function($) {
check_variations ();
$(".product-type-variable .variations select").change(function(){
    check_variations ();
});  
function check_variations () {
    var variationsarr = [];
    $('.product-type-variable .variations').find('select').each(function( value ) {
        variationsarr.push($(this).val());
    });
    var emptyvariation = true;
    for (i = 0; i < variationsarr.length; i++) { 
        if (variationsarr[i]) {
            emptyvariation = false;
            break;
        } 
    }
    if (emptyvariation) {
        $('.product-type-variable .variations').after('<p class="empty-variations-text">Make a selection to see the price</p>');
        $("span.woocommerce-Price-amount amount").hide();
    } else {
        $("p.empty-variations-text").remove();
        $("span.woocommerce-Price-amount amount").show();
    }   
}

}）;