当前位置:网站首页 > WordPress教程 > 正文
WooCommerce商品库存设置和显示库存数量的方法
作者:98wpeu发布时间:2026-02-23分类:WordPress教程浏览:172
导读:我们在外贸建站的时候通常都会采用WooCommerce来销售产品,涉及到销售,那么就会需要使用到库存信息,本文就给大家介绍下如何在WooCommerce上面设置产品库存,以及如何设...
我们在外贸建站的时候通常都会采用WooCommerce来销售产品,涉及到销售,那么就会需要使用到库存信息,本文就给大家介绍下如何在WooCommerce上面设置产品库存,以及如何设置在产品购买页面显示库存数量的方法。
如何设置库存

首先,我们进入网站后台,找到WooCommerce的设置,切换到产品设置页面,然后找到库存设置。
勾选启用库存管理,然后设置保留库存时间,保存设置。

然后,我们进入产品设置页面,找到产品的库存设置标签,勾选管理库存。
在下面填写上库存数量。
这样操作完毕,WooCommerce的库存就设置好了,接下来我们看如何显示库存数据到网站产品页面上。
在产品页面显示库存信息
设置好库存之后,还希望在网站前台可以显示产品的库存,让用户可以知道这个商品剩余数量,我们可以通过插件和代码两种方式来实现。
方法一、使用Woocommerce Show Stock插件

你可以从网站后台插件里面直接搜索Woocommerce Show Stock进行安装。
安装完毕后,进入WooCommerce的库存设置界面,最下方有库存显示信息设置的地方,启用库存显示后,设置显示的位置保存就可以了。
下载地址
方法二、使用代码添加

在网站主题函数文件里面添加上下面这串代码,则可以在产品归档页面显示库存信息。
add_action( 'woocommerce_after_shop_loop_item', 'bbloomer_show_stock_shop', 10 );
function bbloomer_show_stock_shop() {
global $product;
echo wc_get_stock_html( $product );
}代码来源:https://businessbloomer.com/woocommerce-add-stock-quantity-on-shop-page/
相关推荐
- jQuery动态创建html元素的常用方法汇总 - Web前端
- 按Enter键触发事件的jquery方法实现代码 - Web前端
- Jquery 获得服务器控件值的方法小结 - Web前端
- jQuery 方法大全方便学习参考 - Web前端
- jquery全选/全不选/反选另一种实现方法(配合原生js) - Web前端
- jQuery的ready方法详解 - Web前端
- jquery常用方法及使用示例汇总 - Web前端
- jquery的clone方法应用于textarea和select的bug修复 - Web前端
- jQuery的live()方法对hover事件的处理示例 - Web前端
- jQuery获取和设置表单元素的方法 - Web前端
- WordPress教程排行
-
- 1#建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 2不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- 3LNMP一键包nginx 301强制跳转到https教程
- 4KeePass实现Chrome浏览器自动填充密码方法一
- 5WordPress随机显示特色图片插件:Random Post Thumbnails
- 6SiteGround的CPU Time Usage是什么意思?为什么有感叹号
- 7WordPress关注微信公众号回复可见和阅读更多的方法
- 8KeePass实现Chrome浏览器自动填充密码方法二
- 9自定义WooCommerce库存提示插件,修改Out of stock缺货提示
- 最近发表
-
- WordPress随机显示特色图片插件:Random Post Thumbnails
- KeePass实现Chrome浏览器自动填充密码方法一
- LNMP一键包nginx 301强制跳转到https教程
- KeePass实现Chrome浏览器自动填充密码方法二
- #建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 使用Xshell 8连接VPS教程_电脑登录vps的方法
- WordPress评论界面添加烟花????效果
- 不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- iOS端KeePassXC客户端APP:Strongbox Password Safe
- 给WordPress评论中的Gravatar头像图片添加ALT属性


