Shopify Inventory Level Highlighter

WHAT IT DOES

Shopify Inventory Level Highlighter is a floating panel that scans Shopify admin inventory pages for product stock levels. It identifies products that are out of stock, low stock (below a configurable threshold), or in stock, and applies color-coded highlights directly on the page: red for out of stock, yellow for low stock, and green for in stock. The panel displays a summary of inventory status with counts for each category and a detailed list of products with their stock levels. This helps Shopify store owners quickly identify which products need restocking and prioritize inventory management tasks.

WHERE IT RUNS

This script runs on Shopify admin pages (https://*.myshopify.com/admin/*). It reads only the page you are looking at, never other tabs, bookmarks, or browser data. All data stays in your browser — nothing is sent anywhere.

HOW TO USE

Navigate to your Shopify admin inventory page (Products → Inventory or any page showing product stock levels). Click the Shopify Inventory Level Highlighter panel button in the BotGentz extension toolbar. The panel appears at the edge of the page. Set your low stock threshold (default 5), then click "Scan Page". Products are highlighted directly on the page with color-coded indicators. The panel shows a summary with counts and a detailed list of inventory items. Use "Toggle Highlights" to show/hide highlights, "Clear Highlights" to remove them, or "Copy Results" to copy the full report to your clipboard.

TECHNICAL MECHANISM

The tool scans the page for inventory quantities by looking for stock-related patterns (available, stock, inventory, quantity, qty) and extracting numeric values. It also scans table rows and div-based inventory displays, identifying product names from nearby text. Each quantity is compared against the low stock threshold: 0 = out of stock (red), 1 to threshold = low stock (yellow), above threshold = in stock (green). The containing element is highlighted with a CSS class. The tool deduplicates results to avoid listing the same product multiple times. All operations run client-side in pure JavaScript.

THE PANEL

The panel is a floating overlay that you can drag anywhere on the screen by its header. It remembers its position per site so it reappears where you left it. The panel can be collapsed into a small handle to get it out of the way, and snapped to the edge of the page. It can be resized to fit your workflow. Press Escape to close the panel.

PLEASE NOTE

This script requires the free BotGentz extension to run. All data stays in your browser — nothing is transmitted or shared. The script runs on Shopify admin pages and highlights inventory items based on stock levels. The low stock threshold is configurable and saved locally. Inventory detection works on many Shopify admin layouts but may not catch all variations. Sites change — the script may need updates to match new Shopify admin structures.