Wooccommerce显示/隐藏不同变体的add_to_art按钮

Question

我的客户有可变产品，其中只有一些变体是可购买的。

简单示例：

红色T恤：

• 小(可购买(
• 中等(无法购买(
• 大型(无法购买(

问题是我们不能用库存水平或价格来控制它是否可购买。

我创建了一个自定义复选框purchasable_variation，它附加到每个变体上。

我不知道如何使用此字段来显示/隐藏"添加到购物车"按钮。

提前谢谢。

Answer 1

想明白了。然后，您可以使用JS来侦听变体更改，然后测试自定义复选框值。

$( '.single_variation_wrap' ).on( 'show_variation', function ( event, variation ) {
if ( variation['purchasable_variation'] === 'yes' ) {
$('.add_to_cart_button').show();
} else {
$('.add_to_cart_button').hide();
}
});