Shopify Dev Helper

Shopify Dev Helper

A Chrome side panel extension for Shopify theme developers. Think Postman, but built specifically for the Shopify AJAX and Storefront APIs — living right next to your browser tab.

No console. No custom scripts. No copy-pasting URLs. Just open the panel, navigate to any Shopify store, and start making requests.

AJAX API
Make live requests to the Shopify AJAX endpoints on any store you have open:

Get Cart — fetch the full cart object as JSON
Add to Cart — add any variant by ID with quantity, properties, and selling plan
Update Cart — change quantities, set a cart note, or update cart attributes
Change Item — modify a specific line item by variant ID or line number
Clear Cart — remove all items, clear attributes, or wipe the cart note individually
Discount Codes — apply or remove discount codes via the cart update endpoint
Get Product — fetch complete product data by handle, with one-click detection from the current page
Product Recommendations — retrieve related or complementary recommendations for any product
Predictive Search — query the search suggest endpoint with configurable resource types, fields, and result limits

Storefront API
Query the Shopify Storefront GraphQL API directly from the panel — no Postman, no terminal:

Products — fetch by handle or GID, or list multiple; pick fields with one click
Collections — fetch by handle or GID, or list multiple
Blogs & Articles — fetch blogs or individual articles by handle or GID
Menus — retrieve navigation menus by handle
Pages — fetch static pages by handle or GID
Metaobjects — fetch single or list metaobjects by type and handle
Shop Info — pull general storefront settings and policies
Metafields — query metafields on any resource by namespace and key
Custom Query — write and run any GraphQL query with a built-in formatter
All responses are shown in a collapsible, searchable JSON viewer so you can navigate large objects quickly.

Theme & Admin
Theme utilities and admin navigation in one place:

Open Customizer — jump straight to the Theme Editor for the active theme
Code Editor — open the theme code editor for the active theme
Open Page in Customizer — open the Theme Editor with the current storefront page already loaded as the preview, so you edit exactly what you're looking at
Open in Admin — detects the current page and opens the matching admin record in one click. Handles products, collections, pages, articles, and blogs automatically. On the homepage, it redirects to the Customizer
Preview Banner — show or hide the Shopify theme preview bar without touching the URL manually
Copy Preview URL — copy the current page URL with ?preview_theme_id= filled in automatically from window.Shopify.theme.id
Page Context Inspector — read ShopifyAnalytics.meta and Shopify globals to see page type, product, theme, currency, and locale data at a glance
Quick Navigation — one-click links to Dashboard, Products, Collections, Orders, Customers, Themes, Pages, Blog Posts, Files, and Metafields & Metaobjects

Settings
Storefront Access Token — store your token once; it persists across sessions
API Version — configure the Storefront API version globally
Auto-close — optionally close the panel automatically when navigating to non-Shopify pages
Why developers use it

AJAX requests run inside the active tab, so they behave exactly like real storefront requests — no CORS errors, no authentication workarounds. Storefront API queries use your saved token and run against the store you're viewing. Form values and responses are saved for the duration of your session, so you can switch tabs and come back without losing your work.

It works on any Shopify online store, including development, staging, and password-protected preview themes.

Permissions
The extension requests only the permissions it needs:

Active tab and scripting — to inject fetch requests into the current Shopify tab (required to bypass CORS)
Side panel — to display the extension UI
Storage — to save form state and settings locally within your browser session
Tabs — to detect store changes and open admin or documentation links
No data is ever collected, transmitted, or stored beyond your local browser.