Shopify Admin Order Age Highlighter

WHAT IT DOES

Shopify Admin Order Age Highlighter automatically detects order rows in your Shopify admin order list and color-codes them based on how long ago they were created. Orders are categorized into three age groups: New (default under 24 hours), Aging (24-72 hours), and Overdue (over 72 hours). Each order row receives a colored left border, a subtle background tint, and an age badge showing the category and exact age. This visual system helps you quickly identify which orders need attention, prioritize older orders, and spot aging orders that might be at risk of cancellation or customer follow-up.

WHERE IT RUNS

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

HOW TO USE

Install the extension and navigate to your Shopify admin Orders page. The tool automatically highlights orders based on their age. Use the overlay panel to customize the experience: toggle highlighting on or off for the current shop, adjust the "New" and "Aging" thresholds in hours to match your workflow, choose between color schemes (Default, Pastel, or Monochrome), and toggle the age badge on or off. Click "Refresh Highlighting" to reapply highlights after loading more orders or applying filters. The tool works automatically as you navigate between order pages and load new data.

TECHNICAL SECTION — SHOPIFY ORDER DATE PARSING

The extension uses a sophisticated date parsing engine designed specifically for Shopify's date formats. Shopify displays dates in multiple formats including ISO timestamps, relative times ("2 hours ago", "3 days ago"), and localized date strings. The parser first checks for datetime attributes on time elements, then looks for ISO format patterns, then attempts standard date parsing, and finally falls back to relative time parsing using regex patterns. The engine also scans for date-like elements within each order row using a curated list of selectors for Shopify's Polaris UI components. Once a date is extracted, the age is calculated in hours and compared against user-defined thresholds. The color-coding applies a background tint and left border to each row using the selected color scheme, and an age badge is appended to the first cell of the row.

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 highlight 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 order 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 order creation dates 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 selector fallbacks to maintain compatibility, but major redesigns may temporarily affect highlighting. The age thresholds are configurable and should be set based on your business's fulfillment timeline and customer expectations.