Theme Dev Toolkit for Shopify

Shortcuts for Shopify theme developers: preview links with QR, theme editor, admin, markets, section inspector and QA tools.

A toolkit for developers building Shopify themes, especially stores that sell in several markets. PREVIEW • Copy the preview link for the page you're on, with the theme and variant kept • Scan a QR code to open the same preview on your phone • Jump to the theme editor on the same template, the admin page for the product or collection you're viewing, or the code editor • View the live theme or exit preview in one click MARKETS • See every market URL for the current page (en-us, en-ae, …) with the preview theme kept, and copy them all at once • Switch country and language the same way the storefront's own selector does • Link separate regional stores and open the same page on each one ADMIN • Search orders, products, customers, collections and drafts • Quick links to admin sections, with one-click "new" buttons • Keyboard jump menu: press Ctrl+A, then a letter — P products, O orders, C collections, D discounts, F content, M metafields, T themes, S settings and more • Add Shift to create new (Shift+P = new product), or press Ctrl+A twice to edit the product or collection you're viewing SECTION INSPECTOR • Hover any section to see the real section file behind it, even if the section was renamed in the theme editor or is a market-specific template • Open the file in the admin code editor or in VS Code / Cursor / Windsurf, at the right line QA TOOLS • Scan the page for Liquid errors, missing translations, broken images, missing alt text and duplicate IDs • Hide the preview bar, reload without cache, copy debug info for bug reports • Open product / collection / cart JSON, copy or clear the cart Keyboard shortcuts for the common actions; change them at chrome://extensions/shortcuts. Not