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.