Cart Tools for Shopify

About

Cart Tools for Shopify is a powerful yet lightweight developer extension that provides
  essential debugging and inspection tools for Shopify storefronts. Access cart and
  product data instantly with an intuitive, redesigned interface that adapts to your
  workflow and provides advanced features like SKU viewing and integrated feedback.

  CART TOOLS:
  • View cart summary (item count and total) at a glance
  • Log cart - beautifully formatted cart data to browser console with item tables
  • Copy cart - complete cart JSON to clipboard with one click
  • Remove attributes - clear all cart-level attributes with one click (perfect for testing)
  • Empty cart - clear all items with confirmation and automatic page reload
  • Real-time cart item badge on extension icon
  • Clear, descriptive button labels that state exactly what they do

  PRODUCT TOOLS (shown only on product pages):
  • Automatically detect when you're on a product page
  • Log product - detailed product data including all variants to console
  • Copy product - complete product JSON to clipboard
  • Get SKUs - NEW! Opens a large, page-injected modal showing all product variants
    - View all variant titles, SKUs, and prices in one place
    - Individual copy button for each SKU with instant visual feedback
    - Green checkmark on success, red X on failure
    - Supports products with many variants (scrollable list)
    - Fully isolated from page CSS to prevent style conflicts
    - Auto-matches your system's dark/light mode
    - Close with X button, backdrop click, or ESC key
  • Works with standard, localized, and collection product URLs

  SMART FEATURES:
  • Context-aware UI - automatically shows/hides relevant tools based on page type
  • Enhanced visual hierarchy - bold section headers clearly separate Cart and Product tools
  • Equal-width paired buttons for balanced, professional appearance
  • Per-button loading indicators for clear visual feedback
  • Comprehensive error messages with specific troubleshooting context
  • Support for localized URLs (e.g., /en/products/handle)
  • Dark mode support that matches your system preferences
  • Timeout protection for slow-loading pages with detailed error context
  • Screen reader accessible with ARIA live regions
  • Works directly in the page context for reliable API access
  • Send Feedback - submit bug reports, feature requests, or general feedback directly
    from the extension with optional contact information

  NEW IN v1.3.0:
  • Get SKUs modal for viewing and copying variant SKUs
  • Integrated feedback system
  • Improved button labels ("Log cart", "Copy product", etc.)
  • Enhanced section headers with better visibility
  • CSS isolation for modals prevents conflicts with Shopify themes
  • Auto-closing popup when modals open for immediate interaction

  PERFECT FOR:
  • Shopify theme developers debugging cart and product functionality
  • Frontend developers testing cart and checkout integrations
  • Developers working with cart attributes and custom properties
  • QA engineers verifying product and cart behavior
  • Developers building custom cart experiences
  • Anyone needing quick access to Shopify AJAX API data and SKUs

  COMPATIBILITY:
  Works with classic Shopify themes and any storefront using Shopify's
  AJAX Cart API (/cart.js, /cart/update.js, /products/*.js endpoints).
  Supports standard, localized, and collection product URLs. Does not work
  with headless implementations without the standard API endpoints.

  PRIVACY & SECURITY:
  This extension does not automatically collect, store, or transmit any data.
  All core operations occur locally in your browser. The optional feedback
  feature only sends data when you explicitly submit the form. No tracking,
  no telemetry. Your data stays private. See our privacy policy for full details.