Universal Size Chart Popup

WHAT IT DOES

This script automatically finds size charts on product pages and presents them in a beautiful, readable popup overlay. No more squinting at tiny tables or struggling with pop-up windows that won't stay open. The script detects size chart links, buttons, and tables, then extracts the data and displays it in a clean, responsive format. You can switch between centimeters and inches with a single click, and all numeric values are automatically converted with the alternate unit shown in parentheses. The popup includes adjustable font sizes, row highlighting on hover, and a zoom-friendly layout that makes size comparison effortless.

WHERE IT RUNS

The script works on any product page across the web—clothing stores, shoe retailers, furniture sites, and any other e-commerce platform that provides size information. It runs on Amazon, eBay, Etsy, Shopify stores, Walmart, Zappos, ASOS, and thousands of other sites. The script's multi-layer detection finds size charts whether they're in dedicated tables, hidden in expandable sections, linked from buttons, or embedded in product descriptions.

HOW TO USE

After installation, the script scans automatically when you load a product page. If a size chart is found, the popup appears automatically—no clicks required. Open the panel to customize your experience: choose your preferred unit (cm or in), toggle unit conversions on or off, adjust the font size to small, medium, or large, and enable or disable row highlighting on hover. Use "Find & Open Size Chart" to manually trigger a scan, or "Close Popup" to dismiss the current chart. The popup also closes when you click outside it or press the Escape key.

TECHNICAL MECHANISM

The script uses a two-pronged detection strategy to locate size charts. First, it scans for size chart links and buttons using a comprehensive set of CSS selectors combined with text-content keyword matching—checking for terms like "size chart," "size guide," "sizing chart," and "measurement." Second, it identifies size chart tables by analyzing table structure and content: it looks for tables containing size-related keywords (chest, waist, hip, inseam, S, M, L, XL), checks for the presence of numeric patterns and unit indicators (cm, inches, "), and calculates a confidence score to filter false positives. Once a table is found, the script extracts headers and row data while preserving table structure. For links and buttons, it attempts to locate the associated size content by searching parent containers and expanding hidden elements temporarily to extract data. All extracted data is rendered in a custom popup with unit conversion logic that automatically converts numeric values between cm and inches.

THE PANEL

The settings panel is fully draggable and can be positioned anywhere on your screen. It automatically snaps to the nearest edge when released, keeping your workspace organized. The panel can be collapsed to a small bubble showing only a gear icon, and restored with a single click. Its position is remembered across page reloads using GM_setValue. The panel also responds to the Escape key, which instantly hides it until you click the bubble again. All settings are saved immediately when changed and persist across browser sessions.

PLEASE NOTE

This script requires the free BotGentz extension to run. Size chart formats vary widely across websites, and the script's detection may occasionally miss unusual implementations or incorrectly identify non-size tables. Always verify size information with the retailer's official chart before making a purchase. The script does not access, store, or transmit any personal data, purchase information, or browsing history. All detection and rendering happens locally in your browser, and no information ever leaves your device.