Tema nedir?
MultiKolay teması bir klasördür. Görünümü sen yazarsın; satıcı bölümleri düzenleyicide dizer ve ayarlarını değiştirir.
Bir MultiKolay teması dört parçadan oluşur:
benim-temam/
├── tema.json # kimlik: ad, başlık, sürüm, açıklama
├── bolumler/ # satıcının dizdiği bölümler (giris.liquid, urun-seridi.liquid…)
├── parcalar/ # bölümlerin ortak kullandığı parçalar (urun-karti.liquid…)
└── varliklar/ # tema.css, tema.js ve diğer dosyalarNasıl çalışır
- Bölüm bir
.liquiddosyasıdır: HTML, Liquid ve dosyanın sonunda bir{% schema %}. Şema, satıcının düzenleyicide gördüğü ayarları ve blokları tanımlar. - Satıcı mağaza düzenleyicisinde senin bölümlerini ana sayfaya, ürün sayfasına, üst ve alt kısma dizer, metin ve görselleri değiştirir. Senin kodun değişmez; satıcının seçimleri veri olarak saklanır.
- Sunucuda yalnız Liquid çalışır. Şablon yalnız ona verilen nesneleri okur (
section,shop,product…); diske, ağa ya da başka mağazanın verisine ulaşamaz. Çıktı varsayılan olarak HTML'e kaçışlanır. - Tarayıcıda senin JS'in ve CSS'in çalışır (
varliklar/tema.js,tema.css). React dahil istediğin kitaplığı kullanabilirsin. - Sepete ekle, taksit, arama, yorumlar gibi etkileşimli parçaları platform verir; sen yalnız nereye konacağını söylersin (adalar). Ödeme ve sepet mantığını yeniden yazmazsın.
Nereden başlamalı
npx @multikolay/tema yeni benim-temam # Liman'dan miras alan alt tema
cd benim-temam && npx @multikolay/tema gelistirİki yol var:
- Liman'dan miras al (önerilen): platformun temel teması Liman'ın bütün bölümleri senin temanda da olur; yalnız farklı olanı yazarsın. Bkz. Tema mirası.
- Sıfırdan yaz: en az bir bölüm ve bir
tema.jsonyeter (yeni --bos).