当产品缺货时删除按钮elements PRO/Woocommerce

Question

如果有人知道解决方案，我将非常感激。

我在elements Pro中为Woocommerce产品设置了产品页面模板。我在那里添加了一个自定义按钮"立即保留"(类.reserve-button)，它打开一个条带支付表单。如果产品缺货，我想隐藏这个按钮。

我尝试了十几种不同的解决方案，并搜索了很多表格，但我真的卡住了:(

下面是其中一个:

add_action( 'woocommerce_before_add_to_cart_button', function() {
global $product;
if ( !$product->is_in_stock() ) {?>
<style>
.reserve-button {
display: none;}
</style> <?php 
}
});

提前感谢!

Answer 1

似乎您正确地设置了每个条件，但您错过的一件事是您添加了一个错误的操作，因为woocommerce_before_add_to_cart_button操作仅在按钮启用时触发，因为您正在检查缺货产品，而该产品中没有添加到购物车按钮，因此您的操作从未被触发。你可以做些什么来添加任何其他动作，比如我的代码

add_action( 'woocommerce_single_product_summary', function() {
global $product;
if ( !$product->is_in_stock() ) {?>
<style>
.reserve-button {
display: none;
}
</style> <?php  
}

});

这里我添加了带有产品摘要动作的样式。您可以选择任何其他操作，但不能添加到购物车相关的任何操作。希望它对你有用。https://prnt.sc/5fGq-RFcaEFn。