🎨 Özel Tema Geliştirme

Ticorya'ya özel bir tema yüklemek için bir ZIP paketi hazırlamanız yeterlidir. Tema ZIP'i panelden yüklendiğinde Ticorya ekibi inceleyip aktif eder. Herhangi bir sunucu erişimi ya da hosting bilgisi gerekmez.

🔄 Genel Süreç

📦

ZIP Hazırla

⬆️

Panelden Yükle

🔍

Ticorya İnceler

✅

Tema Aktif

ZIP Paketi Nasıl Hazırlanır?

ZIP İçeriğini Oluşturun

ZIP paketinizin içinde şu yapı olmalıdır:

benim-temam.zip
├── theme.json        ← Zorunlu: tema tanım dosyası
├── preview.png       ← Önerilen: önizleme görseli (max 2 MB)
└── style.css         ← Opsiyonel: özel CSS kuralları

⚠️ZIP içinde .js, .jsx, .php gibi çalıştırılabilir dosyalar kesinlikle kabul edilmez. Güvenlik nedeniyle bu tür dosyalar içeren ZIP'ler otomatik reddedilir.

theme.json Dosyasını Yazın

Bu dosya temanızın adını, açıklamasını ve özelleştirme seçeneklerini tanımlar. Paneldeki Tema Editörü bu dosyayı okuyarak ayar arayüzünü oluşturur.

{
  "id": "benim-temam",
  "name": "Benim Temam",
  "description": "Kısa açıklama (Panel'de görünür)",
  "category": "Genel",
  "configSchema": {
    "primaryColor": {
      "type": "color",
      "default": "#c2292f",
      "label": "Ana Renk",
      "group": "Renkler"
    },
    "accentColor": {
      "type": "color",
      "default": "#4caf50",
      "label": "Vurgu Rengi",
      "group": "Renkler"
    },
    "bodyBg": {
      "type": "color",
      "default": "#f7f7f7",
      "label": "Arka Plan",
      "group": "Renkler"
    },
    "fontFamily": {
      "type": "select",
      "default": "Inter",
      "options": ["Inter", "Outfit", "Poppins", "Montserrat"],
      "label": "Font Ailesi",
      "group": "Tipografi"
    },
    "showHero": {
      "type": "toggle",
      "default": true,
      "label": "Hero Bölümünü Göster",
      "group": "Bölümler"
    }
  }
}

Özel CSS Ekleyin (Opsiyonel)

Temanıza özel görsel düzenlemeler için style.css dosyası ekleyebilirsiniz:

/* Tema renk değişkenleri theme.json'dan otomatik yüklenir */
/* Buraya sadece ek görsel düzenlemeler ekleyin */

.magaza-header {
  font-family: 'Playfair Display', serif;
  letter-spacing: 2px;
}

.urun-karti {
  border-radius: 20px;
  transition: transform 0.3s;
}

.urun-karti:hover {
  transform: translateY(-6px);
}

ZIP'i Sıkıştırın ve Panelden Yükleyin

Dosyaları seçip ZIP olarak sıkıştırın (Windows: sağ tık → Sıkıştır, Mac: sıkıştır). Ardından Dashboard → Temalar → Özel Tema Yükle sekmesine gidin.

✅ZIP yüklendikten sonra Ticorya ekibi en geç 24 saat içinde inceleyerek aktif eder. Onay e-postası alırsınız.

configSchema Alan Tipleri

Tip	Panelde Gorunduğu	Ek Alanlar	Ornek
`color`	Renk seçici	—	"default": "#ff0000"
`text`	Metin kutusu	placeholder	"default": "Mağazam"
`select`	Açılır liste	"options": [...]	"default": "Inter"
`toggle`	Açık/Kapalı	—	"default": true
`range`	Kaydırma çubuğu	"min", "max"	"default": 16, "min": 0, "max": 32

✨ Profesyonel Tema Siparişi

Kendiniz yazmak istemiyorsanız Ticorya ekibi markanıza özel bir tema tasarlayabilir.

📧 Teklif Al

← Tema Seçimi Alan Adı Bağlama →