Woo Commerce添加到购物车替换为隐藏在变量产品上的消息

Question

我的添加到购物车按钮仅在变量选择其他方面时才可见，它似乎是隐藏的。有没有办法显示消息而不是隐藏添加到购物车按钮？有点像＆＃34;请选择一个选项＆＃34;。

不确定：可能此过滤器可以正常工作

woocommerce_single_variation_add_to_cart_button

Answer 1

默认情况下，只要价格存在活跃变化，Woocommerce就会显示添加到购物车按钮

你会在demo看到当没有选择变化时隐藏了添加到购物车，

现在，如果您想在未选择有效变体时添加消息，可以在devenv.exe  /resetuserdata或woocommerce_before_add_to_cart_button

上挂钩消息

e.g。

woocommerce_after_add_to_cart_button

您的消息将显示在“添加到购物车”按钮下方，接下来您想要的是在有活动版本时隐藏此消息，因此我们需要听取变体选择的事件，您可以在下面使用此代码为您提供想法，它不是最好的解决方案，但它应该工作正常，我也使用setTimeout函数来获得正确的css显示属性后woocommerce修改它，

function add_to_cart_place_holder() {
    global  $post;
    //get_product id
    $product = get_product( $post->ID );
    //if Product is variable add a message
    if( $product->is_type( 'variable' ) ){
        echo '<p class="atc_placeholder">Please choose an option</p>';
    }
}
//Hook product message after Add To cart Button
add_action('woocommerce_after_add_to_cart_button', 'add_to_cart_place_holder');