小编abi*_*ido的帖子

我想隐藏 WooCommerce 产品页面上的价格，直到客户选择了所有变体字段。

我找到了使用 CSS 和 Javascript 的解决方案，但它对我不起作用，一旦选择其中一个选项，它就会显示价格。

这是我找到的代码：

CSS：

.woocommerce .price,
.woocommerce-page .price {
    display: none;
}

JS：

(function($){
  $(document).ready(function(){
    $('.variations_form.cart select').change(function(){
        $('.woocommerce .price').css('display', 'block');
        console.log('changed');
    });
  });
})(jQuery);

来源：https://theme.co/apex/forums/topic/hiding-woocommerce-price-until-all-attributes-selected/

还有另一种解决方案对我来说也不起作用。

也许有人发现了错误或有其他解决方案。因为“添加到购物车”按钮仅在选择合适的选项时才会激活 - 为什么不能通过价格来完成？

多谢！