Twig Kullanımı

Bu doküman, T-Soft OS2 platformunda Twig kullanımıyla ilgili temel bilgileri ve örnekleri içermektedir.

Genel Bilgi

Twig, modern ve esnek bir template engine’dir. Twig hakkında daha fazla bilgi için Twig Resmi Dokümantasyonu adresini ziyaret edebilirsiniz. Default olarak elementler yansıtılmadığı için panelden yazılan elementlerin yansıması için |raw yazılmadır.

{{ IMAGE.NAME|raw }}

VSCode üzerinde Twig dosyalarını düzenlemek için Twig Language 2 uzantısını yüklemeniz önerilir.

Dil Değişkenleri

T-Soft OS2 platformunda storefront tarafında dil değişkenlerine aşağıdaki şekilde erişebilirsiniz:

{{ t.test_lang }}

Not: Dil değişkenleri hakkında daha fazla bilgi için tema mimarisi dokümanındaki “Tema Mimarisi/Locales “ bölümüne göz atabilirsiniz.

Dataset Kullanımı

Twig dosyalarındaki HTML etiketleri ile JavaScript arasındaki iletişim genellikle dataset kullanılarak sağlanır. Örnek bir kullanım aşağıdaki gibidir.

data-toggle="form-submit"

Not: Detaylı bilgi için Tema Mimarisi/Locales “ bölümüne göz atabilirsiniz.

Yardımcı Fonksiyonlar

Sistemde kullanılabilecek önemli Twig fonksiyonları dökümanda detaylıca belirilecektir. Örnek bir kullanım aşağıdaki gibidir.

url(19, 'page')

Not: Yardımcı fonksiyonların detaylı kullanımı için “Tema Geliştirme/Yardımcı Fonksiyonlar “ bölümüne göz atabilirsiniz.

Snippet Kullanımı

Twig’de snippetlar, tekrar eden kod parçalarını daha düzenli bir şekilde kullanmanızı sağlar. Örnek bir snippet kullanımı aşağıdaki gibidir:

{{ snippet('header.live-search.default') }}

Not: Yardımcı fonksiyonların detaylı kullanımı için “Tema Mimarisi/Snippet “ bölümüne göz atabilirsiniz.