如何隐藏WooCommerce产品价格显示

在使用WordPress搭建外贸或其他B2B网站时,通常会使用WooCommerce插件进行产品管理。对于B2B业务,我们往往不希望网站上显示产品价格。以下是几种有效的方法,可帮助您去掉网站上显示的价格。

一、无需填写商品价格

在编辑产品时,如果在产品数据中不填写价格信息,网站就不会显示价格。这个方法简单直接,适合价格尚未添加的产品。

二、使用插件

如果您已经为许多产品添加了价格,手动删除每个价格可能会很麻烦。这时,可以考虑使用以下几款支持WooCommerce的Catalog模式插件:

  1. YITH WooCommerce Catalog Mode
  2. ELEX WooCommerce Catalog Mode
  3. PRyC WP/WooCommerce: Catalog Mode
  4. NS WooCommerce Catalog

选择一款适合您网站的插件进行安装,即可轻松隐藏产品价格。

三、主题设置关闭价格显示

一些高级的WordPress主题自带Catalog模式,或者提供了不显示价格的设定。例如,WoodMart主题允许在主题设置中开启Catalog模式,并可以选择是否登录后显示价格。Astra主题则让您在主题自定义中选择产品页显示的元素,直接去掉价格项即可。

四、使用代码隐藏价格

除了上述方法,还可以通过添加代码来隐藏商品价格。这个方法稍微复杂,适合有一定技术基础的用户:

将以下代码复制并粘贴到主题的函数文件 functions.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 );

如果上面的代码未能生效,可能是由于主题代码的执行顺序有冲突,可以尝试以下代码:

add_filter( 'woocommerce_get_price_html', 'naiba_hide_price' );
function naiba_hide_price( $price ) {
$price = '请联系我们获取报价';
return $price;
}

上述代码将隐藏价格并输出“请联系我们获取报价”。如果不需要显示任何文字,只需将字符串留空即可。此外,尽管可以使用CSS代码来隐藏价格,但这种方法属于假隐藏,源代码中仍然会显示价格,因此这里不做详细介绍。

本站资源来源于网络,仅限用于学习和研究目的,请勿用于其他用途。如有侵权请发送邮件至vizenaujmaslak9@hotmail.com删除。:FGJ博客 » 如何隐藏WooCommerce产品价格显示

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址