如果 Woocommerce 商店和档案缺货，请删除产品按钮

Question

I am using Add font awesome icon to custom add to cart button in Woocommerce 3 answer code to remove the "add to cart" button from my products pages, but now whenever there is an article out of stock I get a "Not Available" label there which messes with the layout of my page.

I've tried disabling it, but with no luck, anyone knows how to hide the label?

Answer 1

To remove loop add to cart button when a product is out of stock use this instead:

add_action( 'woocommerce_after_shop_loop_item', 'out_of_stock_remove_loop_button', 2 );
function out_of_stock_remove_loop_button() {
    global $product;

    if( ! $product->is_in_stock() )
        remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
}

Code goes in function.php file of your active child theme (or active theme). Tested and works.

Answer 2

Use this snippet from the official woocommerce documentation website .

if (!function_exists('woocommerce_template_loop_add_to_cart')) {
    function woocommerce_template_loop_add_to_cart() {
        global $product;
        if ( ! $product->is_in_stock() || ! $product->is_purchasable() ) return;
        wc_get_template('loop/add-to-cart.php');
    }
}

Place this code into your functions.php file from your active theme or child-theme.