專注於架設企業網站,分享WordPress教學和Elementor教學

WooCommerce:在商店頁面上顯示庫存狀態/數量

更新日期:2023-08-25
同系列教程
加入讀者學習群
我用的頁面編輯器
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠前3個月7折, 戳上方按鈕註冊即可自動帶入優惠碼LOYSEO
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com 郵箱,註冊易通過
遇到問題,聯繫我
來開通 SEO 工具20+

在本教程中,我的目標是在WooCommerce商店、產品清單頁面中,在每個產品下方展示“庫存數量或狀態”。

這跟在單個產品頁面顯示的庫存是完全一樣的,請前往/wp-admin/admin.php?page=wc-settings&tab=products&section=inventory“設置庫存顯示格式”。

woocommerce show stock shop page loop 1 1024x512 1

WooCommerce:在商店頁面上展示庫存數量

PHP 代碼段:在 WooCommerce 商店頁面上顯示產品的庫存數量/狀態

/**
* @snippet       Stock Quantity @ WooCommerce Shop / Cat / Archive Pages
* @compatible    WooCommerce 3.7
*/
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 );
}
外貿建站技術姐Bonnie
外貿建站技術姐Bonnie

Bonnie是LOYSEO的創始人,在建站領域有著超過14年的經驗,熱愛能將想法變為現實的WordPress,更是Elementor的忠實使用者~

LOYSEO
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠前3個月7折, 戳上方按鈕註冊即可自動帶入優惠碼LOYSEO
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com 郵箱,註冊易通過
遇到問題,聯繫我
來開通 SEO 工具20+