What Are the Best Plugins to Debug Shopify Liquid Code Issues?

Shopify Discussion
1

Debugging Liquid can be tricky since Shopify doesn’t support traditional server-side debugging. Over time, I’ve found a few tools and methods that really help identify Liquid and theme issues. Sharing a quick list below :backhand_index_pointing_down:

:small_blue_diamond: Shopify Theme Inspector (for Chrome)

One of the most useful tools for performance-related debugging.

  • Identifies slow Liquid snippets and sections

  • Shows render time per file

  • Great for optimizing heavy templates

:small_blue_diamond: Shopify CLI + Theme Check

Ideal for catching issues before pushing changes live.

  • Flags Liquid syntax errors

  • Highlights deprecated filters and objects

  • Enforces best practices for themes

:small_blue_diamond: Liquid Console (Browser Extensions)

Helpful for quick checks.

  • Inspect Liquid objects and outputs

  • Test variables and filters in real time

  • Good for troubleshooting logic issues

:small_blue_diamond: Shopify Admin Error Logs

Often overlooked but important.

  • Check Online Store → Themes → … → View Logs

  • Helps identify theme-related errors after updates

:small_blue_diamond: Console Logging with JavaScript

Not a plugin, but very effective.

  • Output Liquid values into JS for debugging

  • Helps confirm data availability and conditions

<script>
  console.log({{ product | json }});
</script>

:small_blue_diamond: Theme Preview & Duplicate Testing

Again, not a plugin — but a must.

  • Always test changes in a duplicated theme

  • Preview mode catches most layout and logic issues safely

Curious to know:
Are there any Liquid debugging tools or workflows you rely on that I’ve missed?

Would love to learn from the community :waving_hand:

2

What’s this? Can you share a link to this extension?

3
4

Of course I know about Shopify theme inspector, but you’ve listed some “Liquid console”, didn’t you?
That’s the one I asked about.

Or you just posting AI hallucinations?