first
array | first
Returns the first item in an array.
{%- assign first_product = collection.products | first -%}
{{ first_product.title }}
{%- assign first_product = collection.products | first -%}
{{ first_product.title }}{
"collection": {
"products": [
{
"title": "Blue Mountain Flower"
},
{
"title": "Charcoal"
},
{
"title": "Crocodile tears"
},
{
"title": "Dandelion milk"
},
{
"title": "Draught of Immortality"
},
{
"title": "Dried chamomile"
},
{
"title": "Forest mushroom"
},
{
"title": "Gift Card"
},
{
"title": "Glacier ice"
},
{
"title": "Ground mandrake root"
},
{
"title": "Health potion"
},
{
"title": "Invisibility potion"
},
{
"title": "Komodo dragon scale"
},
{
"title": "Love Potion"
},
{
"title": "Mana potion"
},
{
"title": "Potion beats"
},
{
"title": "Potion bottle"
},
{
"title": "Viper venom"
},
{
"title": "Whole bloodroot"
}
]
}
}Output
Blue Mountain Flower
Anchor to Dot notation
Dot notation
You can use the first filter with dot notation when you need to use it inside a tag or object output.
{{ collection.products.first.title }}
{{ collection.products.first.title }}{
"collection": {
"products": [
{
"title": "Blue Mountain Flower"
},
{
"title": "Charcoal"
},
{
"title": "Crocodile tears"
},
{
"title": "Dandelion milk"
},
{
"title": "Draught of Immortality"
},
{
"title": "Dried chamomile"
},
{
"title": "Forest mushroom"
},
{
"title": "Gift Card"
},
{
"title": "Glacier ice"
},
{
"title": "Ground mandrake root"
},
{
"title": "Health potion"
},
{
"title": "Invisibility potion"
},
{
"title": "Komodo dragon scale"
},
{
"title": "Love Potion"
},
{
"title": "Mana potion"
},
{
"title": "Potion beats"
},
{
"title": "Potion bottle"
},
{
"title": "Viper venom"
},
{
"title": "Whole bloodroot"
}
]
}
}Output
Blue Mountain Flower
Was this page helpful?