TCG Highlight Expedited Orders
I created extensions for Chrome and Firefox to differentiate orders in the TCGPlayer Admin Order Panel.
- Chrome => https://chromewebstore.google.com/detail/tcg-highlight-expedited-o/aciibagjljafhkppgkacinncpjmfcdii
- Firefox => https://addons.mozilla.org/en-US/firefox/addon/tcg-highlight-expedited-orders/
- Source code => https://github.com/tlhaas/tcg-highlight-expedited-orders
- Note: Chrome and Firefox extensions use the same code base. The only difference is the manifest.
Why? Originally this started with highlighting Expedited orders, which are not visual different from Standard orders so they often get overlooked. Sellers have wanted these orders to be highlighted different colors for years and TCGPlayer has only recently acknowledged they're looking into a solution. We don't know when that solution will be released, so I created these extensions to fill the gap. I will happily light these extensions on fire when the features are natively supported by TCGPlayer. :)
The full list of color highlights are thus:
- Expedited Orders (Red)
- Order Total over $49.99 (Yellow and bold)
- International Orders (Lime Green)
- In-Store Pickup Orders "Pull for Pickup" (Lilac)
- In-Store Pickup Orders "Ready for Pickup" (Cornflower Blue)
- Presale Orders (Orange)
Version History:
- Version 2.0.0 (Dec 12, 2024) =>
- *** Works with both the Old UI and the New UI ***
- Added a new color (Cornflower Blue) for In-Store Pickup "Ready for Pickup" orders to differentiate from "Pull for Pickup"
- Version 1.2.3 (Aug 5, 2024) =>
- Keep Expedited orders red even when the dollar amount exceeded 49.99. Previously the yellow highlighting would take precedent in these scenarios.
- Add bold text to red Expedited order highlighting.
- Fix bug where highlighting (mostly purple) would incorrectly persist through pagination. Fix is to remove all added classes before reapplying them. We need to do this because the TCGPlayer codebase reuses the <tr> elements and injects new data into them, so the classes we're adding would still be in the DOM even though the data was changing inside of them.
- Version 1.2.2 =>
- Fix bug that didn't allow 4+ figure orders to get highlights (it's the commas)
- Version 1.2.1 =>
- Remove testing code that shouldn't have been in the live copy.
- Version 1.2
- Added colors for "Order Total Over $49.99", Int'l, In-Store Pickup, and Presale.
- Version 1.1
- Remove redundant code.
- Version 1.0
- It just does Expedited Orders in red.