Woocommerce out of stock badge FREE Plugin
/*! elementor – v3.19.0 – 29-01-2024 */
.elementor-widget-text-editor: .elementor-widget-text-editor:
Core
- Display badges on out-of-stock WooCommerceproduct images
- Works on shop pages, category archives, and single product pages
- Compatible with any WooCommerce theme
- HPOS (High-Performance Order Storage) compatible
- No external libraries or dependencies
Unlimited Category Badges
- Add as many badge configurations as you have categories — no limit
- Each badge is tied to one WooCommerce product category
- First matching category badge wins per product (avoids visual clutter)
Per-Product Custom Badge (NEW)
- Override the category badge on any single product
- Add custom text like “Waiting for product proof from ministry”
- Full control over colours, position, font size, and opacity per product
- Located in: Edit Product → sidebar → “Custom Out-of-Stock Badge”
- Disable it to fall back to the category badge automatically
Badge Customisation (per badge)
- Custom text (e Loué, Indisponible)
- Background colour picker
- Text colour picker
- Font size control (8–60px)
- 8 position options: top-left, top-center, top-right, center, bottom-left, bottom-center, bottom-right, full image overlay
- Overlay opacity slider (0–100%) for full-overlay mode
Positions
- 7 corner/edge positions with absolute positioning
- Center position with larger padding and strong drop shadow for visibility
- Full Image Overlay: semi-transparent mask covering the entire image with centred text and text-shadow for contrast
Admin Dashboard
- Settings page under WooCommerce → Out of Stock Badges
- Enable/disable plugin globally
- Force Badge Display mode for stubborn themes
- Collapsible badge cards — click to expand/edit, collapsed when done
- AJAX save/delete — no page reloads
- Colour dot + status pill on each collapsed card for quick overview
- “Delete All Badges” button to reset everything
- Custom CSS textarea for advanced overrides
- Debug panel showing raw database state
Force Badge Mode
- Injects badge directly into the product image HTML via WooCommerce filter
- Catches themes that don’t fire standard WooCommerce hooks
- Context-aware: on single product pages, only the main product gets the filter — related and upsell products are not affected
Security & Quality
- WordPress Settings API compliant
- Nonce verification on all AJAX requests
- Capability checks (manage_woocommerce) on all admin actions
- Full input sanitisation and output escaping
- All visual styles are inline — immune to CSS caching issues
Source: digital-rise-solutions.com
