Shopify Dev Helper

Tracking since Apr 1, 2026.

Changelog

• May 10, 2026
  description

  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.

  Shopify Dev Helper
  
  A Chrome side panel extension for Shopify theme developers. Think Postman, but built for the Shopify AJAX and Storefront APIs — living right next to your browser tab. No console, no custom scripts. Open the panel on any store and start making live requests.
  
  AJAX API 
  Live requests injected into the active tab — real storefront context, no CORS workarounds:
  
  Cart — get, add (multi-item), update, change, clear, attributes, note, and discount codes
  Add to Cart — add multiple variants in one request; "Detect from page" auto-fills the Variant ID
  Product — fetch by handle; one-click detection from the current URL
  Recommendations — related or complementary products by product ID
  Predictive Search — configurable resource types, fields, and result limits
  
  Storefront API 
  Full GraphQL access with your saved token — no Postman, no terminal:
  
  Products & Collections — fetch or list by handle or GID; pick fields with one click
  Blogs, Articles, Pages, Menus — by handle or GID
  Metaobjects & Metafields — fetch by type, handle, namespace, or key
  Shop Info — storefront settings and policies
  Custom Query — write any GraphQL query with a built-in formatter
  All responses are shown in a collapsible, searchable JSON viewer with a one-click Copy button.
  
  Theme & Admin
  Customizer, Code Editor, Open Page in Customizer — jump to the right editor in one click
  Open in Admin — detects the current page and opens the matching admin record automatically
  Preview Banner — toggle pb=1 / pb=0 without touching the URL
  Copy Preview URL — copies the current URL with ?preview_theme_id= appended
  Page Context Inspector — reads ShopifyAnalytics.meta and Shopify globals at a glance
  Quick Navigation — one-click links to all common Admin sections
  Themes Viewed History — automatically logs every theme you visit; pin entries to keep them
  Cache & History
  
  Session cache — keeps the panel functional when you navigate away from a store tab
  
  Request History — last 15 API requests logged automatically with method, status, response time, and full JSON; persists across reloads
  
  
  Settings Storefront Access Token, API Version, and auto-close behaviour — all saved persistently in your browser.
  
  Permissions Active tab and scripting (CORS bypass), side panel, storage, and tabs. No data is ever collected, transmitted, or stored outside your local browser.

• Apr 17, 2026
  description

  Shopify Dev Helper
  A Chrome side panel extension for Shopify theme developers. Think Postman, but built specifically for the Shopify AJAX API — 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
  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
  Why developers use it
  
  Requests run inside the active tab, so they behave exactly like real storefront requests — no CORS errors, no authentication workarounds. 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 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 session.

  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.

Permissions & access

Permissions

activeTabscriptingsidePanelstoragetabs

Host access

*://*.myshopify.com/*, *://*/*

Screenshots