当前位置:网站首页 > WordPress教程 > 正文
WooCommerce商品库存设置和显示库存数量的方法
作者:98wpeu发布时间:2026-02-23分类:WordPress教程浏览:120
导读:我们在外贸建站的时候通常都会采用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的css()方法用法实例 - Web前端
- JQuery 使用attr方法实现下拉列表选中 - Web前端
- jQuery如何取id有.的值一般的方法是取不到的 - Web前端
- 判断一个对象是否为jquery对象的方法 - Web前端
- 不要使用jQuery触发原生事件的方法 - Web前端
- Jquery中ajax方法data参数的用法小结 - Web前端
- jQuery之字体大小的设置方法 - Web前端
- 在每个匹配元素的外部插入新元素的方法 - Web前端
- jQuery中bind,live,delegate与one方法的用法及区别解析 - Web前端
- jquery.cookie() 方法的使用(读取、写入、删除) - Web前端
- WordPress教程排行
-
- 1SiteGround的CPU Time Usage是什么意思?为什么有感叹号
- 2WordPress关注微信公众号回复可见和阅读更多的方法
- 3自定义WooCommerce库存提示插件,修改Out of stock缺货提示
- 4#建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 5外贸WordPress建站付费主题和插件第二年需要续费吗?
- 6WordPress媒体库增强(图片分类)插件WP Media Folder
- 7SiteGround上用Avada搭建的主题图片不显示问题排查
- 8一款简洁的WordPress主题Neve,适用于博客和企业网站
- 9WordPress网站需要注册会员并登录后才能访问的方法
- 最近发表
-
- 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属性


