Liquid Template Language Nedir? Nasıl Kullanılır?

Elbette her uygulama ve/veya servis kendi ortamı, ilişkileri ve çerçevesi bağlamında değerlendirilmeli. Bu amaçla da Twig, Mustache.js gibi şablon dillerinden / motorlarından ve Ürün Bilgi Yönetimi (PIM) gibi entegrasyonlardan da bahsettik. Bu yazımızın konusu Liquid Templata Language ise Shopify ile hayata geçirilmiş ancak sonrasında bağımsız olarak da kullanılabilen bir şablon dili. Ancak, detaylara geçmeden önce Shopify ile ilgili temel bir açıklama düşmekte fayda var.

Shopify Nedir

Shopify, merkezi Ottawa (Kanada), Ontario’da bulunan bir çokuluslu e-ticaret şirketi olmasının yanı sıra aynı zamanda çevrimiçi mağazalar ve perakende satış noktası sistemleri çözümleri sunan e-ticaret platformunun adıdır. Daha detaylı bilgi almak ve örnekler görmek için Examples¹ ve E-commerce Stores² sayfalarını inceleyebilirsiniz. Gelelim Liquid‘e.

Liquid Templata Language

Liquid, Shopify kurucu ortağı Tobias Lütke³ (CEO) tarafından adımları atılan ve Ruby ile geliştirilen açık kaynaklı bir şablon dilidir. Shopify sistemiyle entegre geliştirilen temaların belkemiği olarak da bu şablon dili kullanılmaktadır. Bu sayede mağaza içi etkileşimler dinamik bir şekilde ve kayda değer bir performans ile yürütülür. Temelleri Shopify ile atılmış olmasına karşın günümüzde Zendesk, Desk.com, Jekyll, 500px, GoDaddy gibi farklı ölçeklerde daha pek çok servis/uygulama tarafından da kullanılmaktadır⁴ ⁵ ⁶ ⁷ ⁸ ⁹.

Liquid kaynak kodu ve güncellemeler ile ilgili olarak GitHub Shopify/liquid sayfasını⁴ ¹⁰ ¹¹ inceleyebilirsiniz. Kişisel gözlemlerim Liquid’in Twig‘e oldukça benzediği yönünde. Dolayısıyla twig yazım kurallarına aşina iseniz ve/veya Grav temaları hazırlıyorsanız kolaylıkla Shopify temelinde temalar hazırlayabilirsiniz. Şablon geliştirme kuralları ile ilgili olarak ayrıca şu yazılara göz atmanız faydalı olacaktır.

Liquid Kullanımı

Liquid kodları nesneler, etiketler ve filtreler altında kategorilendirilebilir.

Nesneler (Objects)

Nesneler, Liquid’e sayfa içerisinde içeriğin nerelerde gösterileceğini söyler. Nesneler ve değişken adları çift süslü parantez {{...}} içerisinde gösterilir.

{{ page.title }}

Etiketler (Tags)

Etiketler, şablonlar için mantık ve kontrol akışılarının oluşturulması amacıyla kullanılır. Süslü parantez ve yüzde işaretleri ile ifade edilirler: {%...%}

{% if user %}
  Hello {{ user.name }}!
{% endif %}

Daha detaylı bilgi ve örnek kullanımlar için iteration¹², control flow¹³ ve variable¹⁴ alt bölümlerini inceleyebilirsiniz.

Filtreler (Filters)

Filtreler bir Liquid nesnesinin çıktısını müdahale etme imkanı sunar ve pipe akışı | ile Liguid çıktısına iliştirilir.

{{ "adam!" | capitalize | prepend: "Hello " }}

date, divided_by, escape, join, remove, replace ve where gibi kullanıma hazır filtreler için Liquid Introduction¹⁵ ¹⁶ sayfasını inceleyebilirsiniz.

İleri Okumalar

Adam Ritchie, Shopify Liquid Tutorial for Beginners (Nov 21, 2019), getshogun.com