多种方法来删除或隐藏WooCommerce的“添加到购物车”按钮

在外贸建站中，许多企业主要专注于B2B业务，因此不需要WooCommerce的在线下单功能，如“添加到购物车”按钮和价格显示，通常被称为目录模式。本文将分享几种去除“添加到购物车”按钮和价格的方法。

方法一：使用插件

YITH WooCommerce Catalog Mode

YITH WooCommerce Catalog Mode是一款专为WordPress设计的插件，能够轻松将WooCommerce切换到目录模式，隐藏“添加到购物车”和结账按钮。

使用步骤很简单：下载并安装插件，然后在插件设置中启用相应选项即可。

下载地址：请访问官方WordPress插件库。

MMWD Remove Add To Cart for WooCommerce

这个插件同样可以帮助你隐藏“添加到购物车”按钮和价格信息。安装后，进入WooCommerce的设置，在产品选项中的“Remove Add to Cart”标签进行设置。

下载地址：请访问官方WordPress插件库。

方法二：通过主题设置隐藏

以Astra Pro主题为例，在主题选项中激活WooCommerce功能，然后进入自定义设置。在商店产品结构中关闭“添加到购物车”选项即可。

一般来说，一些高级WordPress主题也提供类似的设置，用户可以进行适当查找。

方法三：使用代码隐藏

如果你的主题不支持隐藏功能，也不想使用插件，可以使用以下代码移除购物车按钮和价格。

代码1： 设置产品为不可购买状态

add_filter( 'woocommerce_is_purchasable', '__return_false');

代码2： 移除“添加到购物车”按钮

remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart' );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

代码3： 移除价格信息

remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );

// 另一种移除价格的方法
add_filter( 'woocommerce_get_price_html', 'naibabiji_remove_price');
function naibabiji_remove_price($price){ 
    return '';
}

代码1通过设置产品为不可购买，提高了兼容性；而代码2直接移除了钩子，可能在某些主题中出现界面展示问题。

保留变体产品信息，删除购物车按钮的方法

如果你想在保留变体产品信息的同时隐藏购物车按钮，可以使用以下代码：

add_action( 'woocommerce_single_product_summary', 'hide_add_to_cart_button_variable_product', 1, 0 );
function hide_add_to_cart_button_variable_product() {
    // 删除购物车按钮和数量，但保留变体
    remove_action( 'woocommerce_single_variation', 'woocommerce_single_variation_add_to_cart_button', 20 );
}