Shopify Inventory Low-Stock Badge

WHAT IT DOES

Shopify Inventory Low-Stock Badge automatically detects inventory levels on your Shopify admin product pages and adds color-coded badges to each product row. Products are categorized as In Stock (green), Low Stock (yellow), or Out of Stock (red) based on configurable threshold values. Each badge displays the stock status and the exact quantity available, making it easy to spot products that need reordering at a glance. The tool helps you manage inventory more efficiently by providing visual indicators directly in the product list, saving time and preventing stockouts.

WHERE IT RUNS

This extension works exclusively on the Shopify admin at admin.shopify.com. It functions on product list pages, including the main Products page, filtered views, and any page that displays product rows in a table format. The tool works across all Shopify admin themes and adapts to the Polaris design system.

HOW TO USE

Install the extension and navigate to your Shopify admin Products page. The tool automatically scans product rows and adds inventory badges. Use the overlay panel to customize the experience: toggle badges on or off for the current shop, adjust the "Low stock threshold" (default 10 units) to define when a product is considered low stock, choose between three color schemes (Default, Pastel, or Dark), and select badge position (Inline in first cell or Overlay top-right). Click "Refresh Badges" to re-scan the page after loading more products or applying filters. The tool works automatically as you navigate between pages and load new data.

TECHNICAL SECTION — SHOPIFY INVENTORY DETECTION

The extension uses a multi-strategy detection engine to find inventory quantities on Shopify product pages. It first scans for quantity-related elements using selectors targeting inventory, stock, and quantity class names common in Shopify's Polaris UI. If no quantity element is found, it falls back to text pattern matching — scanning the row's text content for patterns like "In stock: 25", "Stock: 25", or "Quantity: 25". It also checks for data attributes like data-inventory and data-stock. Once a quantity is extracted, the tool compares it against the configured low and out-of-stock thresholds and applies the appropriate color-coded badge. The badge is inserted either inline in the first cell or as an overlay in the top-right corner of the row, depending on the user's preference.

THE PANEL — DRAG / PER-SITE POSITION / SNAP / COLLAPSE / RESIZE / ESCAPE

The overlay panel is fully interactive and designed for seamless multitasking. Drag it anywhere on the screen using the handle at the top of the panel; the position is saved per site so it stays where you left it across sessions. The panel includes a snap-to-edge feature that gently anchors the overlay to the nearest screen edge when released. Click the collapse button to minimize the panel to a compact pill showing the current inventory status; expand it again with a single click. Resize the panel vertically by dragging the bottom-right corner to view more controls. Press the Escape key at any time to instantly close the overlay; it reappears on the next page navigation or refresh.

PLEASE NOTE

This extension requires the free BotGentz companion extension to function, as it provides the underlying content script injection and cross-origin communication framework. No personal data, browsing history, or inventory data is stored, transmitted, or shared. Settings are stored locally in your browser using GM_setValue and are never sent to any external server. The extension does not access or store login credentials, financial data, or personally identifiable information. The extension reads inventory quantities visible on the page and does not access Shopify's API or any data beyond what is displayed. Shopify may update its admin interface; the extension includes multiple detection strategies to maintain compatibility, but major redesigns may temporarily affect badge display. The low stock threshold should be set based on your business's reorder point and sales velocity to ensure timely reordering.