Display Stock Status For WooCommerce

Descrição

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

1. Install and activate the plugin (WooCommerce must be active).
2. Go to WooCommerce → Display Stock Status in the WordPress admin.
3. Enable the plugin using the Always Show Stock master toggle.
4. Choose where stock status appears on the shop page (after loop item, after title, or before title).
5. Set your custom label text for each stock state on both the shop page and the single product page.
6. Pick colours for your in-stock and out-of-stock badges.
7. Toggle icons and the cart message on or off as needed.
8. 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