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:

Klasör yapısı
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 dosyalar

Nasıl çalışır

  • Bölüm bir .liquid dosyası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:

  1. 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ı.
  2. Sıfırdan yaz: en az bir bölüm ve bir tema.json yeter (yeni --bos).

Bu sayfada