> ## Content Index
> Fetch the complete content index at: https://debugly.dev/llms.txt
> Use this file to discover other available public pages before exploring further.

# Shopify Metafields: Why Your Value Renders as Escaped JSON
- URL: https://debugly.dev/shopify-metafield-rendering-escaped-json/
- Published: 2026-02-17T09:20:00.000Z
- Updated: 2026-10-17T05:49:25.000Z
- Description: You added a metafield, output it in Liquid, and got a wall of quotes and brackets. Here is what metafield_tag does and when you still need the raw value.
- Author: Rohit Bhadani
- Tags: Shopify, Error Autopsy, Ecommerce

| Type                           | .value returns             | Use                                      |
| ------------------------------ | -------------------------- | ---------------------------------------- |
| single\_line\_text\_field      | String                     | .value                                   |
| multi\_line\_text\_field       | String with newlines       | .value \\\| newline\_to\_br              |
| rich\_text\_field              | Nested object              | metafield\_tag                           |
| number\_integer                | Integer                    | .value                                   |
| boolean                        | true or false              | .value in a condition                    |
| date                           | Date string                | .value \\\| date: "%d %b %Y"             |
| file\_reference                | File object                | metafield\_tag or .value \\\| image\_url |
| product\_reference             | Product object             | .value.title, .value.url                 |
| list.single\_line\_text\_field | Array                      | iterate                                  |
| json                           | Parsed object              | access properties directly               |
| dimension                      | Object with value and unit | .value.value and .value.unit             |

---

Published on [debugly.dev](https://debugly.dev/) by [Rohit Bhadani](https://debugly.dev/about/) | Founder of [Krova Cloud](https://krova.cloud/?ref=debugly.dev)