[WordPress] 外掛分享： Display Stock Status For WooCommerce

內容簡介

顯示 Woocommerce 庫存狀態外掛可用於撰寫自定義庫存狀態，並為每個 Woocommerce 商品或全局定義不同的顏色，讓用戶在產品詳細信息頁面中知道準確的庫存狀態名稱。

此外掛的目標是在商店、類別和存檔頁面（無論何處都有循環）中，在每個產品下顯示「庫存數量」。

🌟 說明文件 | 🌟 Demo

使用「顯示 Woocommerce 庫存狀態」您可以：

始終顯示庫存
庫存位置
有庫存
可預訂
(可預訂)
缺貨
有庫存的顏色
有庫存的背景色
缺貨的顏色
缺貨的背景色
顯示圖示

貢獻和翻譯

「顯示 Woocommerce 庫存狀態」已翻譯成多種語言，包括中文、荷蘭語、俄語、西班牙語等。通過添加您的本地語言，進一步幫助本地化 Woocommerce。點擊這裡

外掛標籤

開發者團隊

原文外掛簡介

Display Stock Status For WooCommerce gives you complete control over how stock availability is communicated to your customers. Replace WooCommerce’s generic stock messages with fully customisable labels, colours, and icons — displayed exactly where you want them on your shop page, category pages, single product pages, and even in the cart.

📄 Documentation | 🛒 Demo | 🛍 Get Pro | 💬 Support

💡 WHY YOUR WOOCOMMERCE STORE NEEDS THIS PLUGIN
Stock transparency builds purchase confidence. Shoppers who can see that only a few items remain are more likely to buy immediately. Shoppers who see a clear, branded “Available on Backorder” message are less likely to abandon their cart out of confusion.
WooCommerce’s default stock display is minimal and not customisable out of the box. Display Stock Status For WooCommerce fills that gap — letting you define the exact wording, colours, and icon style for every stock state across every relevant page of your store.
🔑 KEY FEATURES
Global Master Switch
* Enable or disable stock status display across the entire store with a single toggle
* No need to deactivate the plugin — just flip the switch when you want to pause the display
Shop, Category & Archive Page Stock Display
* Automatically shows the live stock quantity and status on every product card in the shop, category, and archive pages
* Supports three configurable display positions: After Shop Loop Item (recommended), After Product Title, or Before Product Title
* Uses the %s placeholder in your custom label text so the actual live quantity is inserted dynamically (e.g. “Only %s left!” becomes “Only 4 left!”)
Single Product Page Stock Labels
* Overrides WooCommerce’s default availability text on individual product pages
* Separate, independent label settings for the single product page — different wording from the shop page if you prefer
* Supports custom text for all four stock states on the product page
* Dynamic %s quantity placeholder supported on product pages too
Four Stock State Labels — Fully Customisable
* In Stock — display quantity with a custom label (e.g. “%s in stock” or “Hurry! Only %s remaining”)
* Out of Stock — custom message shown when stock hits zero and backorders are not allowed
* Available on Backorder — shown when stock is zero but the product accepts backorders
* Can Be Backordered — shown alongside the quantity when the product is in stock and backorders are also allowed
Separate Label Sets for Shop vs. Single Product Page
* Shop and category page labels are configured independently from the single product page labels
* Use brief labels on archive pages and more detailed messages on individual product pages — without any conflict
Stock Status Icons
* Optional SVG icons displayed next to stock labels — a smiley face for in-stock and a sad face for out-of-stock
* Icons automatically inherit the configured text colour for a fully matched appearance
* Toggle icons on or off with a single checkbox — no CSS edits needed
Custom Colour Settings
* In Stock text colour (default: green #0f834d)
* In Stock background colour (default: light grey #dddddd)
* Out of Stock text colour (default: red #e2401c)
* Out of Stock background colour (default: light grey #dddddd)
* Colour settings apply to the shop page stock badges across all four stock states
Stock Message in Cart
* Optionally display the stock status label alongside each product in the WooCommerce cart
* Works for all four states: In Stock, Out of Stock, Backorder, and Can Be Backordered
* Keeps customers informed about availability even after they have added items to the cart
* Toggle on or off independently from the shop and product page display
React-Powered Admin Panel
* Modern settings interface built with React and WordPress Block Editor components
* All settings save without a page reload — instant feedback via toast notifications
* Settings organised into three clear sections: Global Setting, Shop Page Settings, and Single Product Page Settings
* Accessible directly from the WooCommerce submenu — no hunting through menus
Classic and Block Theme Compatibility
* Outputs inline CSS that automatically adapts between classic and block (Full Site Editing) themes
* Block themes receive block-level display: flex layout; classic themes receive inline-flex for proper grid alignment
* Compatible with all major WooCommerce themes
🚀 HOW IT WORKS

Install and activate the plugin (WooCommerce must be active).
Go to WooCommerce → Display Stock Status in the WordPress admin.
Enable the plugin using the Always Show Stock master toggle.
Choose where stock status appears on the shop page (after loop item, after title, or before title).
Set your custom label text for each stock state on both the shop page and the single product page.
Pick colours for your in-stock and out-of-stock badges.
Toggle icons and the cart message on or off as needed.
Click Save Changes — your store now shows clear, branded stock status everywhere.

📌 STOCK LABEL PLACEHOLDERS
Use %s anywhere in your In Stock label text and the plugin replaces it with the live quantity from WooCommerce:

%s in stock → “12 in stock”
Only %s left — order soon! → “Only 3 left — order soon!”
%s available → “7 available”

⭐ PRO VERSION FEATURES
Upgrade to the Pro version to unlock advanced stock display capabilities not available in the free edition:
custom Stock Status Position
* Choose where the stock status is displayed on product archive page, whether After Shop Loop, After Title, or Before Title
Custom Stock Labels
* Override the global stock labels on a product-by-product basis directly from the WooCommerce product edit screen
* Show different In Stock, Out of Stock, and Backorder messages for individual products without touching global settings
Advanced Colour Customisation per Product
* Set unique in-stock and out-of-stock text and background colours for individual products
* Product-level colour settings override the global defaults — full brand flexibility without custom CSS