Featured

shopify-debugging

Name: shopify-debugging
Rating: 3.3 (6 reviews)
Author: henkisdabro

Complete debugging and troubleshooting guide for Shopify including Liquid errors, theme preview debugging, API error handling, JavaScript console debugging, network request inspection, cart issues, checkout problems, and common error codes. Use when debugging Liquid syntax errors, troubleshooting theme rendering issues, fixing API errors, debugging JavaScript, investigating cart problems, or resolving webhook failures.

TL;DR

Comprehensive guide to debugging Shopify themes, APIs, and apps with Liquid, JavaScript, and API error solutions.

What Is It

Debugging Liquid syntax and rendering issues
Troubleshooting theme preview and rendering problems
Fixing API errors in GraphQL and REST
Debugging JavaScript in themes and apps
Investigating cart, checkout, and webhook issues

Key Features

Enable theme preview to inspect Liquid errors in real-time
Use console.log and debugger for JavaScript debugging
Check API errors before accessing data
Validate access tokens and field names in GraphQL queries
Inspect network requests and response headers
Handle errors with proper try/catch blocks

How to Use

1.Identify the issue type (Liquid, JS, API, etc.)
2.Use browser DevTools to inspect console, network, and sources
3.Check for errors in API responses before accessing data
4.Verify token format and correct headers for API calls
5.Log variables and errors to track execution flow
6.Fix syntax, variable, and field errors in templates and queries

Guardrails & Gotchas

❌ Never use 'Authorization: Bearer' for Admin API tokens
❌ Always check errors before accessing API data
❌ Avoid undefined variable access in Liquid without context checks
❌ Never skip error handling in async API calls

GitHub Stats

Author

@henkisdabro

Repository

henkisdabro/wookstar-claude-co...

Stars

Explore More Skills

move-code-quality

@davila7

Analyzes Move language packages against the official Move Book Code Quality Checklist. Use this skill when reviewing Move code, checking Move 2024 Edition compliance, or analyzing Move packages for best practices. Activates automatically when working with .move files or Move.toml manifests.

12.4k

1.1k

1w ago

shopify-debugging

Explore More Skills

move-code-quality

e2e-testing-patterns

testing-anti-patterns