Media
5 items
Description
Developer tools for Shopify: inspect cart/product data, view SKUs, copy JSON, and manage carts. 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.