Tema Ayarları
Tema Ayarları modülü, serB2B sisteminin görünümünü ve kullanıcı deneyimini iyileştirecek temel yapı taşlarını yönetmenizi sağlar. serB2B yönetici paneli menüsünden Tasarım > Tema Ayarları bölümüne giderek dokuz farklı sekme (Header, Liste, Ana Sayfa, Popup, Duyuru Barı, Ürün Detay, Genel, Sepet, Renk Paleti) altındaki tüm seçenekleri yapılandırabilirsiniz.
Öne Çıkanlar
- Sitenin üst menü davranışını ayarlamak
- Ürün listeleme sayfasının yapısını yönetmek
- Anasayfa slider ve bloklarını kontrol etmek
- Popup gösterim koşullarını belirlemek
- Ürün detay sayfası fonksiyonlarını açıp/kapatmak
- Footer ve genel görünüm öğelerini tanımlamak
Sekmeler ve Ayarları
1. Header (Üst Menü)
| Ayar | Açıklama | Seçenek / Değer |
|---|---|---|
| Sabit Header | Üst menünün sayfa kaydırıldığında sabit kalması | Etkin / Devre Dışı |
| Dinamik Yan Panel Sepet | Sağ kenardan açılan/kapanan sepet paneli | Etkin / Devre Dışı |
| Ana Sayfa İkonunu Göster | Menüde “Ana Sayfa” simgesini gösterir | Etkin / Devre Dışı |
| Arama Kutusu Placeholder | Arama kutusunda yer alacak ipucu metni | Metin (örn. “Ürün kodu yada ismi yazınız.”) |
| Üst Menü Tasarım Stili | Üst menünün görsel tasarım şablonu | Tasarımlardan biri seçilir (örn. Nara) |
| Alt Kategori Göster | Ana menüde alt kategorileri gösterir | Etkin / Devre Dışı |
| Ana Kategori İkonlarını Göster | Ana kategorilerin yanında ikon gösterir | Etkin / Devre Dışı |
| Alt Kategori İkonlarını Göster | Alt kategorilerin yanında ikon gösterir | Etkin / Devre Dışı |
| Ana Kategori Altındaki Açıklama | Ana kategori altında kısa açıklama metni gösterir | Etkin / Devre Dışı |
| Alt Menü Parça Sayısı | Alt menü elemanlarının kaç sütun halinde gösterileceği | Sayısal (örn. 4) |
2. Liste (Ürün Listeleme)
| Ayar | Açıklama | Seçenek / Değer |
|---|---|---|
| Sonsuz Sayfalama | Sayfa sonuna gelince yeni ürünler otomatik yüklenir | Etkin / Devre Dışı |
| Tüm Varyantları Ekle | Tüm varyantları tek seferde sepete ekle butonu gösterir | Etkin / Devre Dışı |
| Ölçü Birimi Satış Kutusunu Göster | Ürün ölçü birimi kutusunu listede gösterir | Etkin / Devre Dışı |
| Yan Yana Kaç Ürün Gösterilsin | Listeleme sayfasında bir satırda gösterilecek ürün sayısı | Sayısal (örn. 2,3,4,5,6) |
| Üye Olmayan Kullanıcılar İçin Fiyat Gösterimi | Giriş yapmamış kullanıcılara fiyat gösterim şekli | Yazı + Butonlar / Sadece Yazı/Gösterme |
| Ürün Kartında Video İkonu | Ürün kartında video içeriği varsa ikon gösterir | Etkin / Devre Dışı |
| Sepet Davranışı | Sepete ekle butonunun davranış şekli | Ekle (Mevcut miktara ekle) / Güncelle(Miktarı Değiştir) |
| Filtre Panelini Göster | Sol filtre panelini gösterir | Etkin / Devre Dışı |
| Filtre Paneli Boyutu | Filtre panelinin genişlik ve yazı boyutu | Normal / Küçük |
| Filtre Görünümü | Filtre elemanlarının görünüm stili | Kutulu / Sade |
| Kategori Kapak Resmi Göster | Kategori sayfasında kapak resmini gösterir | Etkin / Devre Dışı |
| Kategori Sayfasında Gezinme Yolu Göster | Breadcrumb navigasyonunu kategori sayfasında gösterir | Etkin / Devre Dışı |
| Ürün Sayısını Göster | Kategori başlığı yanında ürün adedini gösterir | Etkin / Devre Dışı |
3. Ana Sayfa
Not: Detaylı ana sayfa düzenlemeleri için Ana Sayfa Özelleştir sayfasını kullanın.
| Ayar | Açıklama | Seçenek / Değer |
|---|---|---|
| Ana Sayfa Ürün Sıralaması | Anasayfadaki ürünlerin sıralama kriteri | JSON (örn. {‘id’:’desc’}) |
| Mobil Uygulama Kutusu | Mobil uygulama indirme kutusunun görünürlüğü | Etkin / Devre Dışı |
| Marka Slider Aktif | Marka slider’ının aktif/pasif olması | Etkin / Devre Dışı |
| Marka Slider Ayarları | Marka slider’ı sınıf ve davranış ayarları (CSS sınıfları) | Metin (örn. slider-item-show8 slider-nav-dark …) |
| Marka Slider Seçimi | Hangi slider bloğunun kullanılacağını seçer | Dropdown (örn. Deneme) |
| Manşet Slider Aktif | Ana slider’ın aktif/pasif olması | Etkin / Devre Dışı |
| Manşet Slider Ayarları | Ana slider’ın sınıf ve davranış ayarları | Metin (örn. slider-item-show1 slider-nav-round …) |
| Manşet Slider Seçimi | Kullanılacak ana slider bloğunu seçer | Dropdown (örn. Deneme) |
| Instagram Modülü | Instagram akışı modülünü etkinleştirir | Etkin / Devre Dışı |
| Instagram Erişim Token | Instagram API erişim anahtarı | Metin |
4. Popup
| Ayar | Açıklama | Seçenek / Değer |
|---|---|---|
| Açılır Pencere Göster | Ana sayfa veya diğer sayfalarda popup görüntüleyip göstermeme | Etkin / Devre Dışı |
| Açılır Pencere Sayfa İsmi | Hangi CMS sayfasının popup olarak açılacağını belirler | Dropdown (CMS sayfa adı) |
| Açılır Pencere Boyutu | Popup penceresinin boyut ve stil sınıfları | Metin (örn. modal-xl) |
| Açılır Pencere Oturum Anahtarı | Popup’un tekrar gösterilmemesi için kullanılacak çerez anahtarı | Metin |
| Açılır Pencere Her Zaman Göster | Her sayfa yenilendiğinde popup’un yeniden görüntülenmesini zorlar | Etkin / Devre Dışı |
5. Duyuru Barı
| Ayar | Açıklama | Seçenek / Değer |
|---|---|---|
| Duyuru Barı Resmi 1 | Duyuru Bar'ında gösterilecek görsel seçimi | Önerilen ölçü 1920x70 boyutlarındadır. |
| Duyuru Barı Linki 1 | 1.resme tıklandığında gidilecek sayfanın linki | Link URL'si |
| Duyuru Barı Resmi 2 | Duyuru Bar'ında gösterilecek görsel seçimi | Önerilen ölçü 1920x70 boyutlarındadır. |
| Duyuru Barı Linki 2 | 2.resme tıklandığında gidilecek sayfanın linki | Link URL'si |
| Duyuru Barı Boyutu | Resmin ekrana nasıl sığacağını belirler | Tam Ekran / Ortalanmış |
| Duyuru Barı Geçiş Efekti | Birden fazla duyuru varsa geçiş animasyonu | Solma / Kayma |
6. Ürün Detay
| Ayar | Açıklama | Seçenek / Değer |
|---|---|---|
| Marka Göster | Ürün detay sayfasında marka bilgisini gösterir | Etkin / Devre Dışı |
| 2. Alternatif Fiyatı Göster | Ürün detayda ikinci alternatif fiyatı gösterir | Etkin / Devre Dışı |
| Kumaş Tipi Göster | Ürün detayda kumaş tipi bilgisini gösterir | Etkin / Devre Dışı |
| Mevsim Göster | Ürün detayda mevsim bilgisini gösterir | Etkin / Devre Dışı |
| Cinsiyet Göster | Ürün detayda cinsiyet bilgisini gösterir | Etkin / Devre Dışı |
| Barkod Göster | Ürün detayda barkod bilgisini gösterir | Etkin / Devre Dışı |
| Ürün Boyutları Göster | Ürün detayda boyut bilgilerini gösterir | Etkin / Devre Dışı |
| Filtre Değerleri Göster | Ürün detayda filtre değerlerini gösterir | Etkin / Devre Dışı |
| Paket Adedi Göster | Ürün detayda paket adedi bilgisini gösterir | Etkin / Devre Dışı |
| Kategori Göster | Ürün detayda kategori bilgisini gösterir | Etkin / Devre Dışı |
| Yaş Grubu Göster | Ürün detayda yaş grubu bilgisini gösterir | Etkin / Devre Dışı |
| Minimum Alış Miktarını Göster | Ürün detayda minimum alış miktarını gösterir | Etkin / Devre Dışı |
| Maximum Alış Miktarını Göster | Ürün detayda maximum alış miktarını gösterir | Etkin / Devre Dışı |
| Ürün Resmi Yakınlaştırma | Ürün görseline zoom fonksiyonunu etkinleştirir | Etkin / Devre Dışı |
| Tıklandığında ürün resmini büyük olarak aç | Resme tıklandığında tam ekran görünüm açar | Etkin / Devre Dışı |
| Ürün Detay Resim Genişliği | Ürün detay sayfasındaki resmin kolon genişliği | Normal (10 Kolon) / Geniş (12 Kolon) |
| Ürün satışa kapalı ise sebebini göster | Satışa kapalı ürünlerde kapanma sebebini gösterir | Etkin / Devre Dışı |
| Ürün Detay Bilgilerinin Gösterim Stili | Ürün bilgilerinin liste veya tablo olarak gösterimi | Liste Görünümü/Kutulu Görünüm |
| Ürün Detayında Gezinme Yolu Göster | Breadcrumb navigasyonunu gösterir | Etkin / Devre Dışı |
| Sepete eklemede mesaj göster | Ürün sepete eklendiğinde bildirim mesajı gösterir | Etkin / Devre Dışı |
| Ürün Detay Dökümanlarının Gösterim Stili | Ürün dökümanlarının liste veya tablo olarak gösterimi | Liste Görünümü/Kutulu Görünüm |
7. Genel
| Ayar | Açıklama | Seçenek / Değer |
|---|---|---|
| Footer CMS Url | Site altbilgisinde kullanılacak CMS sayfası | Dropdown (URL anahtarı) |
| Sipariş Detay Sayfasında Excel Aktarım Göster | Sipariş detayında Excel dışa aktar butonunu aktif eder | Etkin / Devre Dışı |
| Sipariş Fotoğrafları İndirme | Müşterilerin sipariş detay sayfasından ürün fotoğraflarını indirmesine izin verir | Devre Dışı/Sadece Ana Fotoğraf/Ana Fotoğraf+Galeri |
8. Sepet
| Ayar | Açıklama | Seçenek / Değer |
|---|---|---|
| Sepette Kazancını Göster | Sepette ürün indirimliyse kullanıcının ne kadar tasarruf ettiğini gösterir | Etkin / Devre Dışı |
| Kazancınız Ek CSS Class | Kazancınız bölümüne eklenecek ek CSS classlar | mt-2 fw-bold gibi |
9. Renk Paleti
bilgi
Aşağıdaki hazır paletlerden birini seçerek hızlıca renk düzenini değiştirebilir veya özel renklerinizi girebilirsiniz.
Kaydetme ve Uygulama
- Tüm sekmelerde yaptığınız değişiklikleri kaydetmek için sayfanın en altındaki Kaydet butonuna tıklayın.
- Ayarlar kaydedilir kaydedilmez sisteme anında yansır.
İpuçları ve Öneriler
- Öncelik Sırası: Çok sayıda slider veya blok kullanıyorsanız, her bloğun
ID’sinin benzersiz olmasına dikkat edin. - Performans: Sonsuz sayfalama ve görsel zoom gibi özellikler mobilde performansı etkileyebilir.
- Çoklu Dil: Dropdown ve CMS URL seçenekleri çoklu dil desteği içerir; doğru dil anahtarını seçtiğinizden emin olun.
Kaynaklar
Destek ve İletişim
Herhangi bir soru veya destek talebiniz için lütfen destek ekibimizle iletişime geçiniz.