惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

有赞技术团队
有赞技术团队
博客园 - 三生石上(FineUI控件)
月光博客
月光博客
F
Full Disclosure
C
Check Point Blog
雷峰网
雷峰网
WordPress大学
WordPress大学
Vercel News
Vercel News
The GitHub Blog
The GitHub Blog
博客园 - Franky
P
Proofpoint News Feed
Engineering at Meta
Engineering at Meta
The Cloudflare Blog
阮一峰的网络日志
阮一峰的网络日志
Martin Fowler
Martin Fowler
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
MyScale Blog
MyScale Blog
M
MIT News - Artificial intelligence
IT之家
IT之家
博客园 - 聂微东
L
LangChain Blog
博客园 - 司徒正美
博客园_首页
云风的 BLOG
云风的 BLOG
L
LINUX DO - 最新话题
Jina AI
Jina AI
Latest news
Latest news
L
LINUX DO - 热门话题
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
B
Blog RSS Feed
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
P
Palo Alto Networks Blog
T
Tor Project blog
Microsoft Azure Blog
Microsoft Azure Blog
T
Tenable Blog
爱范儿
爱范儿
T
The Exploit Database - CXSecurity.com
酷 壳 – CoolShell
酷 壳 – CoolShell
V
V2EX
S
Securelist
F
Fortinet All Blogs
AWS News Blog
AWS News Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Security Latest
Security Latest
J
Java Code Geeks
T
Threatpost
The Register - Security
The Register - Security
G
Google Developers Blog
Know Your Adversary
Know Your Adversary
T
Tailwind CSS Blog

WooCommerce教程 – 奶爸建站笔记

怎么修改WooCommerce的产品排序 – 奶爸建站笔记 给WooCommerce订单添加一个正在运输中的状态 – 奶爸建站笔记 允许在WooCommerce的分类描述里面插入html代码和图片 – 奶爸建站笔记 免插件导出WooCommerce订单教程 – 奶爸建站笔记 自定义WooCommerce库存提示插件,修改Out of stock缺货提示 – 奶爸建站笔记 2025年最新PayPal注册教程,对接WooCommerce独立站收款 – 奶爸建站笔记 WooCommerce短代码大全,从任意位置调用商品信息 – 奶爸建站笔记
怎么删除WooCommerce产品价格显示 – 奶爸建站笔记
Lee · 2025-12-09 · via WooCommerce教程 – 奶爸建站笔记

我们使用WordPress搭建外贸网站或者其他B2B网站的时候,产品管理通常都会使用WooCommerce这个插件,通常在做2B业务的时候,我们不希望网站上面显示商品的价格,如果你网站显示了价格,可以通过下面的方法去掉。

一、不填写商品价格

WordPress商品价格

我们在编辑产品的时候,产品数据里面只要不填写价格信息,那么网站上就不会显示价格。

二、使用插件

如果你很多产品都包含了价格信息,自己手动来删除价格又太麻烦,那么也可以通过下面的插件来实现去掉价格显示。

下面是奶爸统计的几款带有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主题在主题自定义里面可以自己设置产品页显示哪些元素,如果不想显示价格直接点掉价格选项就可以了。

四、使用函数代码隐藏

除了上面3种方法之外,我们还可以通过函数代码来隐藏商品的价格(第二步的那些插件也是这个原理),如果你也想尝试用代码手动隐藏,那么把下面的代码复制后粘贴到你主题的函数文件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 = 'Please contact us for a quote';
return $price;
}}

上面的代码会隐藏掉价格并且输出一句“Please contact us for a quote”,如果不需要文字,直接删除留空就可以了。

当然,还可以通过css代码隐藏,但是css代码是假隐藏,在页面源代码里面还可以看到,所以这里奶爸就不介绍css隐藏价格的方法了。

相关文章:删除和隐藏WooCommerce添加到购物车按钮的几种方式 – 奶爸建站笔记

🚀 看教程还是觉得迷茫?不如让我手把手带你

「WordPress建站陪跑」——从选域名、买主机,到装主题、上线发文,每一步都有我全程陪跑,少走弯路,直达目标。

👉 了解建站陪跑服务