Tema Editörü
serB2B Tema Editörü, geliştiricilere serB2B platformunda tasarımın her yönünü özelleştirme imkanı sunan güçlü bir araçtır. Bu özellik sayesinde, platformun görsel ve fonksiyonel bileşenlerini Twig ve PHP kodlama kullanarak değiştirebilirsiniz. Tema Editörü ile özelleştirilen tasarımlar, şirketinizin ihtiyaçlarına daha uygun hale getirilebilir, kullanıcı deneyimi geliştirilebilir ve marka kimliği güçlendirilebilir.
Tema Editörü Özellikleri
1. Twig ve PHP İle Tam Kontrol:
Tema Editörü, Twig ve PHP dillerini kullanarak HTML şablonları, stil dosyaları (CSS), JavaScript dosyaları ve diğer içerik yapılarını tamamen özelleştirmenizi sağlar. Twig şablonları, PHP işlevselliği ve CSS stilleriyle uyum içinde çalışarak, tasarımınız üzerinde daha detaylı değişiklikler yapmanıza olanak tanır.
2. Tüm Komponentlerin Değiştirilmesi:
serB2B platformunun tüm görsel ve fonksiyonel bileşenleri, Tema Editörü ile özelleştirilebilir. Menü, başlık, footer, ürün listeleme, kategori sayfaları, sepet sayfası ve diğer bileşenler üzerinde değişiklik yaparak tasarımınızın her yönünü kontrol edebilirsiniz.
3. Duyarlı Tasarım:
Mobil cihazlar için optimize edilmiş, duyarlı (responsive) tasarımlar oluşturmak mümkündür. Tema Editörü sayesinde mobil uyumlu tasarımlar oluşturabilir, her cihazda en iyi kullanıcı deneyimini sağlamak için CSS ve HTML düzenlemeleri yapabilirsiniz.
4. Kodlayarak Tasarım Özelleştirmeleri:
Geliştiriciler, doğrudan Twig şablonları ve PHP işlevleri üzerinde değişiklik yaparak, platformun görünümünü ve işleyişini tamamen değiştirebilirler. Bu sayede, özgün ve yaratıcı tasarımlar oluşturulabilir.
5. Kolay Entegrasyon:
Tema Editörü ile yapılan değişiklikler, serB2B platformunun mevcut yapısı ile sorunsuz bir şekilde entegre edilir. Yaptığınız her değişiklik otomatik olarak platforma yansır, bu da geliştirme sürecini hızlandırır.
Hangi Dosyayı Düzenlemeliyim?
Tema editöründe soldaki ağaç yapısından düzenlemek istediğiniz sayfaya ait dosyayı seçmeniz gerekir. Aşağıdaki tablo en sık ihtiyaç duyulan senaryolar için doğru dosyayı göstermektedir:
| Yapmak İstediğiniz | Düzenlenecek Dosya |
|---|---|
| Ürün kartının görünümünü değiştirmek | _product_card.twig.php |
| Ürün detay sayfasının genel yapısını değiştirmek | product.twig.php |
| Ürün detay sayfasının ana içerik bloğunu düzenlemek temaya özel özelleştirme varsa bu dosya kullanılmıyor olabilir, önce kontrol edin | product_detail_main.twig.php |
| Ürün özellikler/sekmeler alanını düzenlemek temaya özel özelleştirme varsa bu dosya kullanılmıyor olabilir, önce kontrol edin | product_details.twig.php |
| Ürün sayfasına sepete ekle butonu veya varyant alanı eklemek | add_to_cart.twig.php |
Breadcrumb (yol izi) düzenlemek tüm sayfalarda geçerli, request nesnesine göre if/else ile sayfaya özel davranış tanımlanabilir | breadcrumb.twig.php |
| İlgili / bağlantılı ürünleri düzenlemek | linked_products.twig.php |
| Ürün videosu alanını düzenlemek | video.twig.php |
| Ürün belgelerini düzenlemek | product_documents.twig.php |
| CMS'de index silinirse ana sayfayı düzenler | index.twig.php |
| Sıralama dropdown'ını değiştirmek | sorting_dropdown.twig.php |
| Marka listesini düzenlemek | brand_list.twig.php |
| Filtreler alanını düzenlemek | filters.twig.php |
| Header (üst menü) düzenlemek | header.twig.php |
| Duyuru barını düzenlemek | announcement_bar.twig.php |
| Giriş sayfasını düzenlemek | login.twig.php |
| Üye kayıt sayfasını düzenlemek | register.twig.php |
| Genel tema layout'unu düzenlemek | theme.twig.php |
Sol paneldeki arama kutusuna dosya adının bir kısmını yazarak hızlıca filtreleyebilirsiniz.
Tema Editörü Kullanımı
1. Tema Dosyasına Erişim:
- Tema dosyasına erişmek için serB2B yönetim paneline giriş yapın.
- “Tasarım” sekmesinden İleri Düzey > Tema Editörü sekmesine tıklayın.
- Tema dosyalarını düzenlemeye başlamak için ilgili dosyayı seçin.
2. Twig Şablonları İle Çalışmak:
- Twig şablonları, HTML yapısını oluşturmanızı sağlar. Her şablon dosyasının belirli bir işlevi vardır.
- Twig kodları kullanarak dinamik içerikler (örneğin, ürün listeleri, kategori başlıkları) ekleyebilir, mevcut şablonları özelleştirebilirsiniz.
3. PHP Kodları ile İşlevsellik Eklemek:
- PHP, web sayfasının arka planında çalışan işlevsel kodları sağlar. PHP dosyalarını kullanarak form verisi işleme, ürün filtreleme gibi fonksiyonlar ekleyebilirsiniz.
- Özelleştirilmiş PHP kodlarıyla, daha dinamik ve etkileşimli bir kullanıcı deneyimi yaratabilirsiniz.
4. CSS ile Görsel Özelleştirmeler:
- Tema Editörü üzerinden CSS dosyalarını düzenleyerek sayfa tasarımını, renkleri, yazı tiplerini ve diğer görsel elemanları değiştirebilirsiniz.
- Duyarlı tasarım için CSS media query'leri kullanarak cihazlara özel stiller oluşturabilirsiniz.
5. Değişikliklerin Kaydedilmesi
- Yaptığınız her değişikliği kaydedin.
Sıkça Sorulan Sorular (SSS)
-
Tema Editörü kullanarak tasarımı değiştirmek zor mudur?
Tema Editörü, Twig ve PHP bilgisi olan geliştiriciler için oldukça kullanışlıdır. Eğer bu dillerde deneyiminiz varsa, tasarımı değiştirmek oldukça basittir. Kodlama bilgisi olmayanlar için bu işlem zor olabilir, ancak eğitim materyalleri ve örnekler ile destek alabilirsiniz.
-
Tüm sayfaları özelleştirebilir miyim?
Evet, Tema Editörü ile serB2B platformundaki tüm sayfaları, ürün listeleme sayfalarından kategori sayfalarına kadar özelleştirebilirsiniz. Bu işlem Twig şablonları ve PHP işlevsellikleri ile yapılabilir.
-
Mobil uyumlu tasarım yapmak mümkün mü?
Evet, Tema Editörü ile duyarlı (responsive) tasarımlar oluşturabilirsiniz. CSS ve medya sorguları (media queries) kullanarak tasarımınızı farklı cihazlara göre özelleştirebilirsiniz.
-
Tema Editörü ile SEO uyumlu tasarımlar yapabilir miyim?
Evet, SEO dostu tasarımlar yapmanız mümkündür. SEO açısından önemli olan meta etiketleri, başlıklar, alt metinler gibi öğeleri Twig şablonları ve PHP ile kontrol edebilir ve özelleştirebilirsiniz.
Template Sistemi Dokümantasyonu
Tema editörü ile çalışırken ihtiyacınız olacak kapsamlı template sistemi dokümantasyonuna aşağıdaki bağlantılardan ulaşabilirsiniz:
📚 Template Dokümantasyonları
- Template Sistemi Ana Sayfa - Template sistemine genel bakış ve yönlendirmeler
- Twig Temelleri - Twig template engine temelleri ve sözdizimi
- serB2B Özel Fonksiyonlar - serB2B'ye özel Twig fonksiyonları ve filtreler
- Template View Dosyaları Referansı - Tüm template dosyalarının detaylı açıklamaları
🔗 Data Alanları Referansları
Template'lerde kullanılan objeler hakkında detaylı bilgi:
- Ürün Data Alanları - Product objesi özellikleri
- Kategori Data Alanları - Category objesi özellikleri
- Grup Data Alanları - Group objesi özellikleri
- Marka Data Alanları - Brand objesi özellikleri
İlgili Kaynaklar
İletişim ve Destek
Herhangi bir sorunla karşılaşırsanız veya yardıma ihtiyaç duyarsanız, destek ekibimizle iletişime geçebilirsiniz. Size en kısa sürede yardımcı olmaktan memnuniyet duyarız.