dump

Outputs a value as formatted JSON inside an HTML <pre> tag. Use it to see the fields of an object while you build a theme. The tag accepts filters.

{% dump value %}

• value: The variable or the expression to output.

Example:

Data

{
  "product": {
    "title": "Hat",
    "price": 10,
    "tags": ["summer", "sale"]
  }
}

{% dump product %}

Output

<pre>{
    &quot;title&quot;: &quot;Hat&quot;,
    &quot;price&quot;: 10,
    &quot;tags&quot;: [
        &quot;summer&quot;,
        &quot;sale&quot;
    ]
}</pre>

The browser shows the JSON as text:

{
    "title": "Hat",
    "price": 10,
    "tags": [
        "summer",
        "sale"
    ]
}