4e4082b81f68b04

在使用WordPress搭建外贸网站或B2B企业站点时，WooCommerce通常是管理产品的首选插件。不过，对于B2B业务模式，我们往往不希望直接在网站上显示商品价格。如果你网站目前显示了价格，可以通过以下几种方式轻松移除。

一、不填写商品价格

最直接的方法：在编辑产品时，产品数据选项卡中不填写任何价格信息。这样，前台页面就不会显示该产品的价格。

二、使用插件

如果你已经有大量产品录入了价格，手动逐一删除会非常繁琐。这种情况下，可以考虑安装WooCommerce目录模式（Catalog Mode）类插件，一键隐藏所有价格。

以下是几款常用的插件，你可以挑选其中一款试试：

  • YITH WooCommerce Catalog Mode

  • ELEX WooCommerce Catalog Mode

  • PRyC WP/WooCommerce: Catalog Mode

  • NS WooCommerce Catalog

三、利用主题自带设置隐藏价格

不少高级WordPress主题内置了目录模式或价格显示开关，省去了安装插件的麻烦。

  • WoodMart 主题：可以在主题设置中直接开启目录模式，甚至可以设置“仅登录用户可见价格”，非常适合B2B询盘场景。

  • Astra 主题：在主题自定义器中，可以单独控制产品页面各元素的显示状态，直接关闭价格选项即可。

四、通过函数代码隐藏

如果你熟悉代码操作，也可以将以下代码添加到子主题的 functions.php 文件中。这种方法更轻量，原理也与许多目录模式插件一致。

基础代码：移除价格展示模块

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

如果上面的代码因主题冲突没有生效，可以试试用过滤器替换价格内容：

进阶代码：将价格替换为自定义文字

php
add_filter( 'woocommerce_get_price_html', 'naiba_hide_price' );
function naiba_hide_price( $price ) {
    $price = 'Please contact us for a quote'; // 你可以修改这段文字
    return $price;
}

这段代码会将价格替换为“请联系我们获取报价”。如果不需要显示任何文字，直接将引号内的内容留空即可。

小提示：不推荐使用CSS代码隐藏价格，因为它只是在前端视觉上隐藏，页面源代码中依然存在，不利于保护信息。

以上就是在WooCommerce中隐藏商品价格的几种常用方法，你可以根据自己的实际情况和技术水平，选择最适合的一种。

 

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。