隐藏WooCommerce商店的价格和添加到购物车按钮

最近，有个朋友咨询我一个 Woocommerce 的问题。他想使用 Woocommerce 做外贸站，但是只想做产品展示，不想在前端展示价格和添加到购物车按钮。

要想在 WooCommerce 上隐藏价格和添加到购物车按钮有多种方法。

通过插件隐藏价格和添加到购物车按钮

可以使用 YITH WooCommerce Catalog Mode 插件来开启目录模式，以隐藏添加到购物车和价格功能。要使用此插件，请按照以下步骤操作：

• 在 WordPress 后台中，点击“插件”并搜索“YITH WooCommerce Catalog Mode”插件。
• 安装并启用“YITH WooCommerce Catalog Mode”插件。
• 在 WordPress 后台中，点击“WooCommerce”，然后选择“目录模式”。
• 在“目录模式”设置中，选择要隐藏的功能（例如价格和添加到购物车按钮）。

通过代码隐藏价格和添加到购物车按钮

还可以使用代码来隐藏价格和添加到购物车按钮。要执行此操作，请按照以下步骤操作：

• 在您的主题的 functions.php 文件中添加以下代码：

// Hide prices
add_filter('woocommerce_get_price_html', 'custom_hide_price', 10, 2);
function custom_hide_price($price, $product) {
  return '';
}

// Remove add to cart button
add_filter( 'woocommerce_is_purchasable', 'hide_add_to_cart' );
function hide_add_to_cart() {
    return false;
}

或直接使用下面的代码禁用所有产品的添加到购物车按钮。

add_filter( 'woocommerce_is_purchasable', '__return_false' );

如果您只想隐藏特定产品的价格和“添加到购物车”按钮，可以使用is_product()函数来定位特定产品。

add_filter( 'woocommerce_get_price_html', 'hide_price_for_specific_product' );
function hide_price_for_specific_product() {
    if ( is_product(123) ) {
        return ' ';
    }
}

add_filter( 'woocommerce_is_purchasable', 'hide_add_to_cart_for_specific_product' );
function hide_add_to_cart_for_specific_product() {
    if ( is_product(123) ) {
        return false;
    }
}

将“123”替换为要隐藏价格和“添加到购物车”按钮的产品的 ID。可以通过将鼠标悬停在 WordPress 仪表盘的“产品”列表中的产品名称上来找到产品 ID。ID 将显示在浏览器地址栏中的 URL 中。

下面的是另外一个隐藏特定产品“添加到购物车”按钮的示例：

function wc_remove_add_to_cart_buttons( $is_purchasable, $product ) {
    // Set $product_id to the ID of the product you want to disable the "Add to Cart" button for
    $product_id = 123;
    
    // If the current product is the one you specified above, set $is_purchasable to false
    if ( $product->get_id() == $product_id ) {
        $is_purchasable = false;
    }
    return $is_purchasable;
}
add_filter( 'woocommerce_is_purchasable', 'wc_remove_add_to_cart_buttons', 10, 2 );

或者，可以直接使用 CSS 来隐藏产品页面上的“添加到购物车”按钮。为此，您可以使用 Web 浏览器中的检查工具来查找按钮的 CSS 选择器，然后将display: none;规则添加到主题的样式表中。

请记住，修改主题的代码可能会产生意想不到的后果，建议通过子主题的方式来添加上面的代码。如果您遇到其他意想不到的问题，可以留言给本站站长。