当前位置:网站首页 > WordPress教程 > 正文
WooCommerce商品库存设置和显示库存数量的方法
作者:98wpeu发布时间:2026-02-23分类:WordPress教程浏览:152
导读:我们在外贸建站的时候通常都会采用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 Mobile的loading对话框显示/隐藏方法分享 - Web前端
- jQuery获取选中内容及设置元素属性的方法 - Web前端
- jquery取子节点及当前节点属性值的方法 - Web前端
- 字段太多jquey快速清空表单内容方法 - Web前端
- 对 jQuery 中 data 方法的误解分析 - Web前端
- jquery操作checked属性以及disabled属性的多种方法 - Web前端
- Jquery节点遍历next与nextAll方法使用示例 - Web前端
- 使用jQuery动态加载js脚本文件的方法 - Web前端
- jquery检测input checked 控件是否被选中的方法 - Web前端
- jquery解析XML字符串和XML文件的方法说明 - Web前端
- WordPress教程排行
-
- 1#建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 2SiteGround的CPU Time Usage是什么意思?为什么有感叹号
- 3KeePass实现Chrome浏览器自动填充密码方法一
- 4WordPress关注微信公众号回复可见和阅读更多的方法
- 5WordPress媒体库增强(图片分类)插件WP Media Folder
- 6自定义WooCommerce库存提示插件,修改Out of stock缺货提示
- 7外贸WordPress建站付费主题和插件第二年需要续费吗?
- 8LNMP一键包nginx 301强制跳转到https教程
- 9KeePass实现Chrome浏览器自动填充密码方法二
- 最近发表
-
- 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属性


