如何在 WooCommerce 中隐藏价格和添加到购物车按钮？

在 WooCommerce 中隐藏产品价格和添加到购物车按钮实际上是一种营销噱头。 它也收获了回报。

但是谁应该做，为什么做，如何做呢？

在此博客中，我们将分享一些代码片段，以在 WooCommerce 中为所有访问者隐藏价格，或根据某些条件（如登录状态）和其他一些情况隐藏价格！

何时隐藏 WooCommerce 商店的价格？

在某些情况下，隐藏价格和添加到购物车按钮是有意义的：

• 批发商——您想对零售客户隐藏价格，同时仍允许批发客户看到价格。 这是仅向注册用户显示价格的示例。
• 目录和产品预发布– 如果您要推出新产品或新商店，那么您只想通过展示您的产品目录来引起轰动，而不是价格和“添加到购物车”按钮。
• 缺货商品– 您想要隐藏没有库存的产品的价格，并且您不确定它们下次有货的时间。
• 列表构建——有兴趣的购物者将联系商店询问价格。 这可以是建立电子邮件列表或与潜在客户建立更个性化联系的一种方式。
• 线下购买——一些卖家仅将网站用于正品的营销和广告。 实际产品仅在实体店有售。
• 仅限会员– 创建一个仅限会员的商店，注册购物者必须登录才能查看您的特殊会员套餐的价格。 我们建议使用 WooCommerce Memberships 插件在您的商店中创建和销售会员产品。

现在我们知道谁需要隐藏价格以及为什么，让我们来看看如何隐藏它们。

WooCommerce 隐藏价格 – 不同场景的代码片段

由于 WooCommerce 不包含此功能，您需要使用代码片段或一些插件。

并且添加代码片段是有风险的。 因此，我们建议您参考此文档以安全地将代码添加到您的 functions.php 文件。

隐藏产品页面上的价格

add_filter( 'woocommerce_get_price_html', 'storeapps_remove_price' );
函数 storeapps_remove_price($price = ''){
返回 '​​';
}

仅在 WooCommerce 商店页面上隐藏价格

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

隐藏除 WooCommerce 购物车和结帐页面之外的所有页面上的价格

add_filter( 'woocommerce_variable_sale_price_html', storeapps_remove_prices', 9999, 2 );

add_filter( 'woocommerce_variable_price_html', 'storeapps_remove_prices', 9999, 2 );

add_filter( 'woocommerce_get_price_html', 'storeapps_remove_prices', 9999, 2 );

函数 storeapps_remove_prices( $price = '', $product ) {
如果 (!is_admin()) $price = '';
返回$价格；
}

隐藏缺货商品的价格

您可能希望在商店、类别、档案、循环和单个产品页面上隐藏缺货产品的价格。

add_filter( 'woocommerce_get_price_html', 'storeapps_hide_price_if_out_stock_frontend', 9999, 2 );

函数 storeapps_hide_price_if_out_stock_frontend( $price = '', $product ) {
如果 ( is_admin() ) 返回 $price; // 如果是管理仪表板则返回
返回（！$product->is_in_stock（））？ apply_filters( 'woocommerce_empty_price_html', '', $product ) : $price;
}

隐藏已注销用户的价格

当您想要强制用户登录以查看价格并将产品添加到购物车时。

add_filter( 'woocommerce_get_price_html', 'storeapps_hide_price_addcart_not_logged_in', 9999, 2 );

函数 storeapps_hide_price_addcart_not_logged_in( $price = '', $product ) {
如果（is_user_logged_in（））{
返回$价格；
}
$price = '<div><a href="' .get_permalink( wc_get_page_id( 'myaccount' ) ) . '">' . __( '登录查看价格', 'storeapps' ) . '</a></div>';
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10);
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30);
返回$价格；
}

隐藏特定产品的价格（新发布）

您只想隐藏产品 ID 为 303 和 609 的新产品的价格，但显示其余产品的价格。

add_filter( 'woocommerce_get_price_html', 'storeapps_hide_price_product_ids', 10, 2 );

函数 storeapps_hide_price_product_ids( $price = '', $product ) {
$hide_for_products = array( 303, 609 ); // 指定必须隐藏价格的产品 ID 列表
返回 ( in_array( $product->get_id(), $hide_for_products ) ) ？ ''：$价格；
}

隐藏特定产品类别的价格

add_filter( 'woocommerce_get_price_html', 'storeapps_hide_price_on_taxonomy' );

函数 storeapps_hide_price_on_taxonomy( $price = '' ) {
全球$产品；
$hide_for_categories = array('海报'); // 隐藏这些类别 slugs/ID
返回 ( has_term( $hide_for_categories, 'product_cat', $product->get_id() ) ) ？ ''：$价格； // 当价格属于其中一个类别时不显示价格，否则返回原始价格
}

结论

隐藏价格和添加到购物车按钮可帮助您控制产品，尤其是批发商店、目录网站和本博客中提到的其他情况。

我们希望您发现这篇“WooCommerce 隐藏价格”文章有用。 任何反馈或疑问，请在下方分享。