Tema Dizini Yapısı

Tema dizini, web sitenizin görsel yapısını ve işlevselliğini düzenlemek için belirli bir yapıya sahiptir. Ana dosyalar ve farklı amaçlara hizmet eden alt dizinler içerir. İşte bu dizinlerin ve içerdikleri temel dosyaların bir özeti:

section

Bu dizin, temanızın ana bölümlerine ait şablon dosyalarını içerir. Örneğin, üst kısım (header/default.twig), alt kısım (footer/default.twig), ürün liste bloğu (product-list/default.twig) gibi sitenizin farklı bölümlerinin temel yapıları burada tanımlanır.

snippet

snippet dizini, temanızın farklı yerlerinde tekrar tekrar kullanılan küçük şablon parçacıklarını (kod parçacıklarını) barındırır. Bu, kod tekrarını önlemeye ve tema genelinde tutarlılığı sağlamaya yardımcı olur. Örneğin, ürün kartı veya varyantlar snippet içinde tanımlanabilir ve hem ürün liste hem de vitrin şablonlarında kullanılır.

assets

assets klasörü, temanızın statik varlıklarını içerir. Bunlar genellikle şunlardır:

  • CSS Dosyası: Stilleri tanımlayan assets/theme.css uzantılı dosya.
  • JavaScript Dosyası: Etkileşim ve dinamik işlevsellik sağlayan assets/theme.js uzantılı dosyalar.
  • Resimler: Temanızda kullanılan görsel öğeler assets/img içerisine eklenecek (.jpg, .png, .gif, vb.).

locales

locales dizini, temanızın farklı dillerdeki metinlerini içeren dil dosyalarını barındırır. Bu dosyalar genellikle anahtar-değer çiftleri şeklinde düzenlenir ve temanızın çok dilli desteklemesini sağlar. Her dil için ayrı bir dosya bulunabilir (örneğin, locales/header.json, locales/footer.json)

Bu yapı, tema geliştirirken dosyaların düzenli bir şekilde organize edilmesini ve yönetilmesine yardımcı olur.

Table of contents