T-Soft Tema Yönetimi ve Tema Yükleme

AI ile özetle:
9 dk okuma

E-ticaret sitenizin marka kimliğini yansıtan en önemli unsur, ziyaretçilerinizi karşılayan görsel arayüz tasarımıdır. T-Soft e-ticaret sisteminde mağazanızın tüm tasarım dinamiklerini, şablon dosyalarını ve arayüz kodlarını tek bir merkezi panelden esnek bir şekilde yönetebilirsiniz.

Giriş Bilgisi: Bu makalede; yayındaki tasarımınızı anlık olarak takip edebileceğiniz Aktif Tema bölümünü, yeni konseptlerinizi müşterilerinize yansıtmadan arka planda hazırlamanıza olanak tanıyan Tema Kütüphanesi'ni ve T-Soft'un sunduğu zengin hazır tasarım kataloğunu barındıran Tema Marketi yapısını inceleyeceğiz. Ayrıca mağazanızın kullanıcı deneyimini kesintiye uğratmadan yeni bir tasarıma geçiş yapabilmeniz için rehber niteliğindeki ideal çalışma akışını öğreneceksiniz.
Genel Bilgi: Tema Yönetimi sayfası, T-Soft e-ticaret yönetim panelinin Tasarım bölümü altında yer alır. Sol menüden Online Mağaza → Tema Yönetimi yolunu izleyerek ulaşılabilir. Bu sayfa üç ana bölümden oluşur: Aktif Tema, Tema Kütüphanesi ve Tema Marketi.

Ne İçin Kullanılır?

Bu sayfa, mağazanın yayında olan görsel arayüzünü kontrol etmek, sisteme yüklenmiş alternatif şablonları yönetmek ve T-Soft tarafından sunulan hazır temaları mağazaya entegre etmek için kullanılır. Gelişmiş düzenleme araçları sayesinde hem kod bilgisi gerektirmeyen görsel değişiklikler hem de doğrudan kaynak kod müdahaleleri bu sayfa üzerinden gerçekleştirilir.


1. Aktif Tema Bölümü

Sayfanın en üst kısmında mağazada o an aktif olan tema görüntülenir. Yanında temanın son güncelleme tarihi ve versiyon bilgisi yer alır. Bu bölümde üç temel buton bulunmaktadır:

Mağazayı Görüntüle

Sayfanın sağ üst köşesinde konumlanır. Mağazanın ön yüzünü (storefront) yeni bir sekmede açar. Tema üzerinde yapılan değişikliklerin gerçek mağazada nasıl göründüğünü kontrol etmek için kullanılır. Buton, tasarım çalışmaları sırasında sık başvurulan bir kısayoldur; değişiklik yapıp ardından önizleme almak için idealdir.

Kodu Düzenle

Aktif tema için gelişmiş düzenleme ortamını açar. Bu bölüme girdiğinizde temanın HTML şablon dosyalarına, CSS stil dosyalarına ve JavaScript kodlarına doğrudan erişim sağlanır. Tema yapısını derinlemesine özelleştirmek isteyen geliştiriciler veya ileri düzey kullanıcılar için tasarlanmıştır. Kod editörü sayesinde herhangi bir dosyayı seçip içeriğini düzenleyebilir, yeni dosyalar ekleyebilir veya mevcut dosyaları silebilirsiniz.

Dikkat: Bu buton aracılığıyla yapılan değişiklikler tema dosyalarını doğrudan etkiler; hatalı değişiklikler mağaza görünümünü bozabilir.

Özelleştir (Aktif Tema)

Aktif tema için görsel tema düzenleyicisini açar. Kod bilgisi gerektirmeyen bu arayüzde renk düzeni, font seçimi, buton ve çerçeve stilleri gibi görsel parametreler kullanıcı dostu bir panelden ayarlanabilir. Tema düzenleyici; Font Seçimi, Renk Düzeni, Buton Düzeni ve Blok Düzeni gibi sekmelere ayrılmış olup tüm değişiklikler anlık önizleme ile takip edilebilir.

tema1.png

tema5.png


2. Tema Kütüphanesi Bölümü

"Tema Kütüphanesi" başlığı altında, mağazaya eklenmiş ancak henüz yayınlanmamış temalar listelenir. Bu bölümdeki açıklama metni şunu belirtir: "Bu temaları yalnızca siz görebilirsiniz. Mağazanızda yayınlayarak başka bir temaya geçiş yapabilirsiniz." Yani kütüphanedeki temalar mağaza ziyaretçilerine görünmez; yalnızca yönetici tarafından erişilebilir.

Her tema kartında üç buton yer alır:

Yayınla

Bu butona tıklandığında ilgili tema aktif hale gelir ve mağazanın ön yüzünde görünmeye başlar. Yayınlama işlemi, mevcut aktif temanın yerini bu tema ile değiştirir. Yayınlama anında ziyaretçiler yeni temayı göreceğinden önce Özelleştir butonuyla temayı hazır hale getirmeniz önerilir.

Özelleştir (Kütüphane Teması)

Aktif tema butonuyla aynı işlevi görür; farkı yayınlanmamış temalar için de çalışmasıdır. Temayı henüz yayınlamadan önce görsel düzenleyicide renk, font, blok ve stil ayarlarını yapmanıza olanak tanır. Bu sayedete temayı önce mükemmelleştirip ardından yayınlayabilirsiniz.

İşlemler

Tema üzerinde yapılabilecek ek işlemleri içeren bir açılır menü (dropdown) sunar. Bu menü aşağıdaki seçenekleri barındırır:

  • Önizleme: Tasarımın canlıya alınmadan önce mağaza üzerinde nasıl duracağını gösteren geçici bir önizleme ekranı açar.
  • Kodu Düzenle: Yayında olmayan kütüphane temasının HTML, CSS ve JavaScript kaynak kodlarına doğrudan erişerek arka planda geliştirme yapmanızı sağlar.
  • Güncelle: Temanın T-Soft sunucularındaki en güncel versiyon versiyon bilgilerini ve paket dosyalarını kontrol ederek temayı günceller.
  • Kaldır: Temayı kütüphaneden kaldırır. Aktif temayı silmek mümkün değildir; bu işlem yalnızca kütüphanedeki pasif temalar için geçerlidir. Tekrar yüklenebilir.

tema2.png


3. Tema Marketi Bölümü

E-ticaret sitenizin vizyonunu ve sektörel duruşunu güçlendirmenin en hızlı yolu, profesyonelce tasarlanmış bir arayüz kullanmaktır. T-Soft e-ticaret altyapısı, kullanıcılarına esnek tasarım özgürlüğü sunmak adına panel içerisine entegre edilmiş zengin bir Tema Marketi havuzu barındırır. Farklı sektörlerin dinamiklerine, kullanıcı alışkanlıklarına ve modern UX/UI standartlarına uygun olarak geliştirilen bu şablonlar; kodlama süreçleriyle vakit kaybetmeden mağazanıza profesyonel bir görünüm kazandırmanızı sağlar.

tema3.png

Tema Yükleme ve Tema Detay Sayfası

Tema marketinde yer alan tasarımların altındaki "+ Ekle" butonuna tıklandığında, sistem sizi doğrudan ilgili şablonun özelliklerini ve kaynaklarını barındıran "Tema Detayı" sayfasına yönlendirir. Bu sayfa, seçtiğiniz tasarımı mağazanıza kurmadan önce detaylıca inceleyebileceğiniz ve yönetebileceğiniz bir kontrol panelidir.

Tema Detayı sayfasında yer alan işlevler ve genel yükleme süreci şu şekilde işlemektedir:

  • Tema Teknik Özellikleri: İlgili şablonun lisans türü (Ücretsiz/Ücretli), güncel versiyon bilgisi, optimize edildiği kategoriler, kullanıcı değerlendirme puanları ve diğer mağazalar tarafından toplam kaç kez kurulduğu gibi veriler şeffaf bir şekilde listelenir.
  • Sektörel Tanım ve Açıklamalar: Temanın hangi ürün gruplarına daha uygun olduğu, satış odaklı tasarım dinamikleri ve özelleştirilebilir modülleri hakkında teknik detaylar sunulur.
  • Canlı Önizleme: Temanın çalışan bir demosunu yeni bir tarayıcı sekmesinde açmanızı sağlar. Bu sayede tasarımı sitenize yüklemeden önce menü yapılarını, slider alanlarını, ürün listeleme sayfalarını ve genel mobil uyumluluğunu canlı olarak test edebilirsiniz.
  • Temayı Yükle: İncelemelerinizi tamamlayıp tasarımı beğendiğinizde bu butona basarak kurulum sürecini başlatırsınız. Sistem, temanın kod ve görsel paketlerini T-Soft sunucularından çekerek mağazanızın altyapısına saniyeler içinde entegre eder.
Kritik Kurulum Notu: Tema Detayı sayfasından "Temayı Yükle" butonuna basılması, mağazanızın canlı görünümünü kesinlikle değiştirmez veya kesintiye uğratmaz. Yüklenen tasarım doğrudan Tema Kütüphanesi bölümüne pasif olarak eklenir; siz yönetim panelinden düzenlemelerinizi bitirip "Yayınla" talimatı verene kadar ziyaretçiler mevcut sitenizi görmeye devam eder.

tema4.png


4. Tema Marketine Git Bağlantısı

Tema Marketi bölümünün en altında "Aradığınız Temayı Bulamadınız mı?" başlığı ve "Tema Marketine Git" bağlantısı yer alır. Bu bağlantı, sayfada listelenen sınırlı tema seçkisinin ötesine geçerek T-Soft'un tam tema kataloğunu görüntülemek isteyenler için tasarlanmıştır. Bağlantıya tıklandığında, tüm mevcut temaların detaylı açıklamalar, önizleme görselleri ve filtreleme seçenekleriyle sunulduğu kapsamlı tema marketi sayfasına yönlendirilirsiniz.


Önerilen Çalışma Akışı

Tema yönetimi sürecinde en verimli yaklaşım şu sırayı takip etmektir:

Önce Tema Marketi'nden beğendiğiniz temayı Ekle butonuyla kütüphaneye alın. Ardından kütüphanede ilgili tema kartındaki Özelleştir butonu ile renk paletini, fontları ve görsel detayları mağazanıza uygun şekilde düzenleyin. Düzenleme sonrasında Mağazayı Görüntüle butonuyla ön yüzde nasıl göründüğünü kontrol edin. Her şey yolunda görünüyorsa Yayınla butonuna basarak temayı canlıya alın. Gerektiğinde aktif tema üzerinde Kodu Düzenle ile ileri düzey özelleştirmeler yapın.

Bu akış sayesinde mağazanız hiçbir zaman yarım kalmış veya hatalı bir görünümle ziyaretçilere açılmaz; tüm değişiklikler önce arka planda hazırlanır, ardından güvenli biçimde yayınlanır.


Sık Sorulan Sosular

Tema Marketi'nden bir temayı "Ekle" dediğimde sitemin tasarımı hemen değişir mi?

Hayır. Marketten eklediğiniz temalar doğrudan "Tema Kütüphanesi" bölümüne pasif olarak yüklenir. Siz kütüphaneden "Yayınla" butonuna basana kadar mevcut sitenizin tasarımı değişmez.

Tema Kütüphanesi'ndeki temaları siteyi ziyaret eden müşteriler görebilir mi?

Hayır. Tema Kütüphanesi'ndeki temalar yalnızca yönetim paneline erişimi olan yöneticiler tarafından görülebilir ve düzenlenebilir. Ziyaretçiler sadece "Aktif Tema" alanındaki tasarımı görürler.

Kodu Düzenle panelinden yaptığım bir değişiklik siteyi bozarsa ne yapabilirim?

Kodu Düzenle alanındaki işlemler doğrudan canlı dosyaları etkiler. Olası hatalara karşı çalışmaya başlamadan önce "İşlemler" menüsünden temanızı "Kopyala / Çoğalt" yaparak yedekleyebilir veya "Dışa Aktar" ile bilgisayarınıza indirebilirsiniz. Bir sorun yaşandığında kütüphanedeki temiz kopyayı tekrar aktif hale getirebilirsiniz.

Bu makale yardımcı oldu mu?

Aradığını bulamadın mı?

Yardımcı olmak için buradayız.

T-Soft 360 Logo T-SOFT E-Ticaret Sistemleriyle Hazırlanmıştır