Temalardaki Ortak Ayarlar

Bu dokümanda, ideasoft panelindeki Tasarım Ayarları > Temalar bölümünde yer alan ayarlar hakkında detaylı bilgiler sunulmaktadır. Seçtiğiniz temaya bağlı olarak bazı ayarlar değişiklik gösterebilir; ancak birçok temada ortak ayarlar bulunmaktadır.

Tema Ayarlarına Nasıl Ulaşılır?

1. Panelinize giriş yapın.
2. Tasarım Ayarları > Temalar sekmesine tıklayın.
3. Aktif temanızın "Ayarlar" bölümüne giriş yapın.

Bu alanda, web sitenizin tasarımına ve içeriğine yönelik çeşitli özelleştirmeler yapabilirsiniz. Bir temayı ilk kez aktif ettiğinizde de karşınıza bu ekran çıkar.

Tema Bilgilendirme Alanı: Tema ayarlarına girdiğinizde sağ tarafta yer alan bilgilendirme alanında, o temaya ait logo ölçüsü, ürün görseli ölçüsü ve slider ölçüleri yazar. Her temanın kendine ait ölçüleri olduğu için görsellerinizi yüklemeden önce bu alanı kontrol etmeniz önerilir. Ölçüler belirtilmemişse slider veya banner alanındaki örnek görsellerin üzerinde doğru boyutları görebilirsiniz.

İpucu: Yeni bir tema seçmek istiyorsanız Tema Seçimi videosunu izleyebilirsiniz.

Genel Ayarlar

Logo

Web sitenizde görünen ana logoyu buradan belirleyebilirsiniz. Tema bilgisi alanında verilen logo ölçüsü, temanın örnek logosu gibi görünmesi için önerilen boyuttur; ancak zorunlu değildir. Kare veya yuvarlak bir logonuz varsa, ortada logo alanı olan bir tema seçmeniz daha iyi bir görünüm sağlayabilir. Farklı boyutlarda denemeler yaparak en iyi görünümü bulabilirsiniz. Profesyonel bir tasarım için markanıza ait bir yatay, bir de kare veya yuvarlak logo oluşturmanız önerilir.

Logo Yüksekliği

Logonuzun sitenizde görünme yüksekliğini panelden ayarlamak yalnızca flex temalarda mümkündür. Flex tema kullanıyorsanız Flex Tema Ayarları > Genel Ayarlar bölümündeki Masaüstü Logo Yüksekliği ve Mobil Logo Yüksekliği alanlarından değeri artırarak logonuzu büyütebilirsiniz. Bu ayar her flex temada beklendiği gibi çalışmayabilir; değeri değiştirip sitenizde kontrol etmeniz önerilir.

Standart temalarda logo yüksekliği için ayrı bir panel ayarı bulunmaz. Logonuz küçük veya büyük görünüyorsa yukarıda belirtildiği gibi farklı ölçülerde logo denemeleri yaparak en iyi görünümü bulabilirsiniz.

Ayrıntılı bilgi: Flex temalardaki logo yüksekliği ve diğer genel ayarlar için Flex Temalar Nedir? Ayarları ve Özellikleri yardım sayfasını inceleyebilirsiniz.

İpucu: Logo tasarlama ve düzenleme hakkında detaylı bilgi için Logo Düzenleme videosunu izleyebilirsiniz.

Üye Girişi vb. Sayfaların Logosu

Üyelik, giriş, ödeme gibi özel sayfalarda kullanılacak alternatif logoyu belirleyebilirsiniz. Ana logodan farklı bir logo ekleyerek belirli sayfalarda farklı bir görünüm sağlayabilirsiniz.

Varsayılan Katalog Görseli

Ürün, kategori veya marka görseli bulunmuyorsa, burada belirlenen görsel kullanılır.

İpucu: Resimli göstermek istediğiniz hiçbir kategoriyi veya ürünü boş bırakmamanız önerilir.

Varyantlı Ürün Gösterim Tipi

• Tekil Yapı: Varyantları resimli göstermek için bu seçenek kullanılmalıdır.
• Açılır Liste: Varyantlar liste şeklinde gösterilir.
• Çoğul Yapı: Varyantlar alt alta dizilir ve yanlarında fiyat bilgileri yer alır.

İpucu: Varyantlarınızı resimli göstermek istiyorsanız önce tekil yapıyı seçin, ardından Varyant Sistemi videosunu izleyerek detaylı ayarları öğrenin.

Marka Gösterim Tipi

"İsim" varsayılan olarak gelir. Markalarınızı logolu göstermek istiyorsanız "Resim" seçeneğini kullanmalısınız. Markalarınıza logo eklediğiniz hâlde bu ayar "İsim" olarak kalırsa markalar sitenizde yalnızca isimleriyle görünür, logolar görünmez.

İpucu: Markaların logolu gösterimi hakkında detaylı bilgi için Marka Ekleme videosunu izleyebilirsiniz.

Vitrinde 1 Satırdaki Ürün Adedi

Bu ayar, ana sayfa ve kategori sayfalarında yan yana kaç ürün gösterileceğini belirler. Seçenekler genellikle 2, 3, 4 veya 5 ürün şeklindedir. Az ürün seçtiğinizde görseller daha büyük, çok ürün seçtiğinizde daha küçük görünür. Mobil cihazlarda bu ayar etkili değildir; mobilde her zaman yan yana 2 ürün görüntülenir.

İpucu: Temanız bu ayarı desteklemiyorsa değişiklikler yansımayabilir. Yaptığınız değişiklikler görünmüyorsa teknik destek ekibiyle iletişime geçin.

Blog Sayfasında 1 Satırdaki Blog Adedi

Blog sayfanızda bir satırda kaç blog yazısının yan yana gösterileceğini belirleyebilirsiniz. Bu ayar, site adresinizin sonuna /blog yazarak ulaştığınız blog sayfasındaki içerik düzenini etkiler.

Ürün Görsellerinin En-Boy Oranı

Ürün görsellerinizin kare, dikey veya yatay olarak nasıl görüntüleneceğini belirler. Eğer ürün görselleriniz kare formatındaysa ve temanızda bu ayar bulunuyorsa, kare, dikey veya yatay görsel oranını bu bölümden seçebilirsiniz.

Bu ayar her temada yer almayabilir. Seçtiğiniz temada bu özellik bulunmuyorsa temanızın standart görsel oranı ile devam etmeniz gerekir. Yanlış bir görsel oranı seçildiğinde ürün görselleri kırpılabilir veya düzgün görünmeyebilir.

• Kare görseller için: Kare oranı seçilmelidir.
• Dikey ürün fotoğrafları için: Dikey oran seçilmelidir.
• Yatay geniş ürün fotoğrafları için: Yatay oran tercih edilmelidir.
• Görselleriniz farklı formatlardaysa: Tüm görselleri aynı oranlarda yüklemek daha düzenli bir görünüm sağlar.

Temanın önerdiği oran genellikle kare olarak gelir. Temayı beğendiyseniz ancak ürün görselleriniz dikey veya yatay ise, bu ayardan oranı kendi görsellerinize göre değiştirip temayı kendi ölçülerinizle kullanabilirsiniz.

İpucu: Tema seçerken elinizdeki ürün görsellerinin formatına uygun bir tema tercih etmeniz önerilir. Mevcut temanızda uygun bir görsel oranı bulunmuyorsa farklı bir tema seçmeniz daha doğru olabilir. Daha fazla bilgi için Ürün Görsellerinin Optimize Edilmesi videosunu izleyebilirsiniz.

Kategorilerin Detayda Gösterimi

Açık olduğunda, ürün içerisine girildiğinde resmin yanındaki alanda ürünün hangi kategoride olduğu gösterilir. Kapalı olduğunda, ürün detayında kategori bilgisi görünmez.

Markaların Detayda Gösterimi

Açık olduğunda, ürün içerisine girildiğinde resmin yanındaki alanda markası gösterilir. Kapalı olduğunda, marka bilgisi gizlenir.

Breadcrumb (Gezinti Yolu) Kullanımı

Açık olduğunda, ziyaretçiler web sitenizde hangi kategori veya sayfada olduklarını görebilir. Kapalı olduğunda, gezinti yolu görünmez.

Kategori Logolarının Gösterimi

Bu ayar, kategori sayfalarında kategori logolarının görünmesini sağlar. Kapalı olduğunda, kategori sayfalarında logolar yerine sadece kategori isimleri gösterilir.

Bu alanda genellikle ana kategoriler değil, bir ana kategoriye girildiğinde listelenen alt kategoriler görüntülenir. Bu nedenle logolu gösterimden verim almak istiyorsanız görselleri alt kategorilerinize eklemeniz ve ardından bu ayarı açmanız önerilir.

Not: Bu ayar, ana sayfanızdaki kategorilerin resimli gösterimiyle aynı şey değildir. Ana sayfanızda kategorileri klasik resimli biçimde göstermek istiyorsanız Aşağı Açılır Menü yardım sayfasını incelemeniz gerekir.

Kategoriye Bağlı Alt Kategorilerin Gösterimi

Açık olduğunda, kategoriye girildiğinde o kategoriye ait alt kategoriler üst kısımda görünür.

Kategorideki Markaların Gösterimi

Açık olduğunda, kategoriye girildiğinde o kategoriye ait markalar görünür.

Sipariş Aşamalarında KDV Gösterimi

Açık olduğunda, sepet ve ödeme aşamalarında KDV ayrıca gösterilir. Kapattığınızda sepet ve ödeme adımındaki KDV satırları kaldırılır; müşteriniz yalnızca ödeyeceği net tutarı görür.

Stok Kodlarının Gösterimi

Açık olduğunda, ürün içerisine girildiğinde resmin yanındaki alanda stok kodu gösterilir.

Not: Ürün detay sayfasında yalnızca stok kodu gösterilir, barkod bilgisi varsayılan olarak görüntülenmez ve bunun için tema ayarlarında bir seçenek bulunmaz. Barkodunuzun da ürün detayında görünmesini istiyorsanız bu bir tasarım düzenlemesi gerektirir; talebinizi Destek Sistemi üzerinden iletebilirsiniz.

KDV Hariç Fiyat Gösterimi

Açık olduğunda, ürün içerisine girildiğinde resmin yanındaki alanda ürünün KDV hariç fiyatı da görüntülenir. Ürünlerinizde indirim uyguluyorsanız ekranda birden fazla fiyat görüneceği için bu alan müşterinizin kafasını karıştırabilir; böyle bir durumda kapatmayı tercih edebilirsiniz.

Not: Bu ayar ürün bazlı değildir; kapattığınızda KDV hariç fiyat gösterimi tüm ürünlerinizde kalkar. Konunun fiyat tarafındaki anlatımı için Ürün Fiyat Yönetimi sayfasını inceleyebilirsiniz.

En Düşük Taksit Miktarı Gösterimi

Açık olduğunda, ürün içerisine girildiğinde resmin yanındaki alanda en düşük taksit tutarı gösterilir. Bu, ürün fiyatının altında görünen "… TL'den başlayan taksitlerle" ifadesidir.

Facebook Login Sistemi

Açık olduğunda, müşteriler Facebook hesaplarıyla giriş yapabilir.

Google Hesabı ile Login Sistemi

Açık olduğunda, müşteriler Google hesaplarıyla giriş yapabilir.

Apple ile Giriş Sistemi

Müşterilerinizin Apple hesaplarıyla üye girişi yapabilmesini sağlar. Bu seçenek hesabınızda varsayılan olarak açık gelir; ayrıca aktif etmenize gerek yoktur. Kapatmak isterseniz bu bölümden pasif hâle getirebilirsiniz.

Standart Popup & Bar Kullanımının Mobilde Gösterimi

Sitenizde tanımladığınız popup ve duyuru barının mobil cihazlarda görünüp görünmeyeceğini bu ayardan belirlersiniz. Popup veya barınız masaüstünde göründüğü hâlde mobilde görünmüyorsa kontrol etmeniz gereken ilk yer burasıdır.

İpucu: Popup ve bar oluşturma adımları için Popup & Bar Yönetimi yardım sayfasını inceleyebilirsiniz.

Ürün İnceleme Sayfası Sekmeleri

Bu ayar, ürün detay sayfasındaki sekmeli yapıyı yönetmenizi sağlar. Müşterilerinize yorumlar, taksit seçenekleri, öneriler, soru-cevap ve alışveriş deneyimi gibi ek bilgileri sekmeli olarak gösterebilir veya bu sekmeleri kapatarak yalnızca ürün bilgilerini gösterebilirsiniz.

Açılıp kapatılabilen sekmeler:

• Ürün Yorumları
• Soru-Cevap
• Taksit Seçenekleri
• Önerileriniz
• Alışveriş Deneyimi

Açtığınız sekmeler, ürün detay sayfasının alt bölümünde ürün açıklamasının yanında yerini alır.

Özel Bilgi Alanı: Her ürüne özel bir sekme ekleyerek kurulum dokümanı, ürün ölçüleri veya ürün tanıtım videosu gibi içerikler ekleyebilirsiniz. Daha fazla bilgi için Ürün İnceleme Sayfası Sekmeleri videosunu izleyebilirsiniz.

Tema Ayarlarındaki Diğer Başlıklar

Footer (Alt Bilgi) Ayarları

Footer, web sitenizin en alt bölümünde yer alan ve genellikle sabit olarak görünen alandır. Temadan temaya değişiklik gösterebilir ve şu bölümleri içerebilir:

• Logo Alanı: Bazı temalarda footer içerisinde ek bir logo alanı bulunabilir.
• Adres ve İletişim Bilgileri: Firmanızın adresi, telefon numarası ve e-posta gibi iletişim bilgilerini gösterebilir.
• E-Bülten Aboneliği: Ziyaretçilerin e-posta adreslerini bırakarak ticari bildirim almasını sağlayan abonelik alanı olabilir.
• Menüler: Footer bölgesine eklenebilen bağlantılardır; genellikle şu tür içerikler eklenebilir:
  • Hakkımızda
  • Sıkça Sorulan Sorular (SSS)
  • İletişim
  • Gizlilik Politikası
  • Üyelik & Sipariş Koşulları

Footer'daki adres satırı ve benzeri yazı alanları çoğu temada bu bölümden düzenlenir; ancak bazı temalarda Tema Dil Değişkenleri, Bilgi Alanları veya farklı bir başlık altında yer alabilir. Aradığınız alanı footer bölümünde bulamazsanız bu başlıkları da kontrol edin.

Önemli: Footer menülerini düzenlemek, kod içeriği nedeniyle zor olabilir. Bu nedenle düzenleme yapmadan önce mutlaka Footer Yönetimi videosunu izleyin.

Sosyal Ağ & İletişim

Bu bölüm, web sitenize sosyal medya bağlantıları ve iletişim bilgileri eklemenizi sağlar. İkonların sitenizde hangi bölümde görüneceği temaya göre değişir; bazı temalarda sayfanın en üstünde, bazılarında footer bölümünde yer alır.

• Facebook, Instagram, Twitter, YouTube, Pinterest, LinkedIn ve WhatsApp bağlantıları ekleyebilirsiniz.
• Bağlantıları doğru eklemek için "https://www" ile başlamasına dikkat edin.
  • Örnek: Instagram hesabınızı eklemek için "https://www.instagram.com/ideasoft" formatını kullanmalısınız.

En güvenli yöntem: Bu alana yalnızca kullanıcı adınızı yazmayın; bağlantı çalışmaz. İlgili sosyal medya hesabınızı tarayıcıda açın, adres çubuğundaki tam adresi kopyalayıp bu alana yapıştırın. Bu kural tüm sosyal medya hesapları için geçerlidir.

Web sitenizde görünmesini istemediğiniz sosyal medya logolarını kaldırmak için, ilgili alandaki # (hashtag) ve ! (ünlem) işaretlerini silebilirsiniz.

Tema Dil Değişkenleri

Bu bölüm, sitenizdeki sistem mesajlarını, buton isimlerini ve başlıkları özelleştirmenizi sağlar. Özelleştirebileceğiniz bazı alanlar:

• Yeni Ürünler → "En Son Eklenenler"
• Sepete Ekle → "Alışverişe Ekle"
• Önerilen Ürünler → "Tavsiye Edilenler"
• Ürün Detayındaki "Benzer Ürünler" → "Size Özel Öneriler"

Vitrinlerinize verdiğiniz isimleri ve ürün görsellerinin üzerinde çıkan Yeni, Hediyeli gibi etiket yazılarını da bu bölümden değiştirebilirsiniz.

Bazı temalarda Tema Dil Değişkenleri içerisindeki belli alanlar, İçerik Ayarları veya Bilgi Alanları altında yer alabilir. Değiştirmek istediğiniz başlıkları buradan özelleştirebilirsiniz.

Renk Ayarları

Bu bölüm, web sitenizin genel renk düzenini belirlemenizi sağlar.

• Ana Renk: Butonlar, vurgular ve bağlantılarda kullanılır.
• İkincil Renk: Alt başlıklar, arka plan gibi alanlarda kullanılır.
• Metin Rengi: Site genelinde kullanılan yazıların rengini değiştirir.
• Arka Plan Rengi: Sayfanın genel arka plan rengini belirler.

Bazı temalarda sadece birkaç renk ayarı bulunurken bazı temalarda detaylı renk seçenekleri sunulabilir.

Tema Slider

Slider (slayt gösterimi), ana sayfanızın en üst bölümünde dönen büyük görselleri yönetmenizi sağlar.

• En fazla 10 adet slider ekleyebilirsiniz. 10 görsel eklemek zorunda değilsiniz; tek görselle de kullanabilirsiniz.
• Her slider için ayrı bir başlık, açıklama ve bağlantı ekleyebilirsiniz.
• Slider sıralamasını değiştirebilir ve her birini ayrı ayrı aktif/pasif hale getirebilirsiniz.
• Slider alanı genellikle indirim duyuruları, ürün tanıtımları ve hediye çeki kampanyaları için kullanılır.

Neredeyse tüm temalarda slider bulunur. Bir veya iki temada slider yerine banner alanları yer alır; bu durumda görsellerinizi Banner Yönetimi bölümünden ekleyebilirsiniz.

İpucu: Slider ve banner görsellerinin doğru ölçülerini öğrenmek için, tema ayarlarına ilk girdiğinizde sağ tarafta bulunan "Tema Bilgilendirme Alanı"nı kontrol edin. Ölçüler belirtilmemişse, slider veya banner alanındaki örnek görsellerin üzerinde doğru boyutları görebilirsiniz. Detaylı bilgi için Slider Ekleme videosunu izleyebilirsiniz.

Slider görsellerini mutlaka temanın önerdiği ölçülerde eklemelisiniz. Yanlış ölçülerde eklenen görseller kaymalara veya bozulmalara neden olabilir.

Banner Yönetimi

Banner alanları, sitenizin belirli bölümlerinde sabit görseller göstermenizi sağlar. Slider dışında kalan tüm görsel alanları banner olarak adlandırılır.

• Banner yönetim başlıkları her temada farklı olabilir. Bazı temalarda "Ana Sayfa Tema Bannerları" olarak yer alırken bazılarında "Üst Banner", "Alt Banner", "Banner Carousel" gibi başlıklarla adlandırılabilir.
• Bannerların doğru boyutlarda olması önemlidir; aksi hâlde görseller kırpılabilir veya bozulabilir.

İpucu: Tema ayarlarınızda banner ile ilgili bir başlık yoksa Banner Ekleme videosunu inceleyin; düzenlenmesi gereken yeri burada görebilirsiniz.

Temaya Özel Ek Başlıklar

Yukarıda anlatılan Genel Ayarlar, Footer, Sosyal Ağ & İletişim, Tema Dil Değişkenleri, Renk Ayarları, Tema Slider ve Banner Yönetimi başlıkları hemen her temada bulunur. Bunların dışında seçtiğiniz temaya özel ek başlıklar da yer alabilir:

• Header: Sayfanın üst bölümündeki yazılar ve bazı tasarım bileşenleri.
• Bilgi Alanları (Bilgilendirme Alanları): Temanızda yer alan "Ücretsiz Kargo", "Güvenli Alışveriş", "Kolay İade" gibi bilgilendirme metinlerinin ve ikonlarının düzenlendiği bölümdür.
• İçerik Ayarları: Tema içerisindeki belirli içeriklerin yönetildiği alanlar olabilir.

Önemli: Bilgilendirme alanları temaya bağlıdır. Seçtiğiniz temada böyle bir alan tanımlıysa metinleri ve görselleri kendiniz düzenleyebilirsiniz. Temanızda bu alan bulunmuyorsa sonradan panelden eklenemez; sitenize eklenmesi için tasarım desteği gerekir. Talebinizi Destek Sistemi üzerinden iletebilirsiniz.

Ortak ayarlar dışındaki ek ayarlarınızı kontrol etmek için tema ayarlarını detaylı incelemeniz önerilir.

Flex Temalara Özel Ayarlar

Bu sayfada anlatılan ayarların çoğu hem standart hem flex temalarda bulunur. Bazı ayarlar ise yalnızca flex temalara özeldir ve standart temalarda karşınıza çıkmaz:

• Yazı tipi seçimi: Genel Font Ailesi ve Başlık Font Ailesi alanları yalnızca flex temalarda bulunur. Flex temalarda da seçim, temada tanımlı hazır font listesiyle sınırlıdır; dışarıdan font yüklenemez ve listede bulunmayan bir font kullanılamaz.
• Header stilleri: Sayfanın üst bölümünün farklı yerleşimlerle değiştirilmesi yalnızca flex temalarda mümkündür. Stiller logoyu sola veya ortaya taşır; logo sağa alınamaz ve bazı temalarda yerleşim hiç değişmez. Bu davranış temadan temaya farklılık gösterir.
• Üst bar (top bar) ve kayan yazı: Header üzerindeki üst barın içeriğinin ve kayan yazı alanının düzenlenmesi flex temalara özeldir. Bu alanlar her temada bulunmaz; kayan yazı temaya göre header üst kısmında veya banner alanlarında yer alabilir, bu nedenle kendi temanızın ayarlarını kontrol edin.
• Banner ve vitrin genişliği: Banner ile vitrinlerin sabit genişlik (Container) veya tam ekran (Full-Width) olarak konumlandırılması, vitrin görünümünün slider ya da sabit seçilmesi flex temalarda yapılır.
• Ana sayfa sıralaması: Ana sayfadaki alanların gösterim sırasını sürükle-bırak ile değiştirmek flex temalara özeldir.
• Alanların tek tek açılıp kapatılması: Flex temalarda ürün detayındaki bilgi alanlarını tek tek veya topluca kapatabilirsiniz.

Temanızda üst bar yoksa: Popup & Bar Yönetimi bölümünden sitenizin üst veya alt kısmına bar ekleyebilir, temanızdaki mevcut barı kapatıp yerine buradan oluşturduğunuz barı kullanabilir ya da ikinci bir bar ekleyebilirsiniz. Buradan eklenen bar kayan yazı biçiminde değildir; kayan yazı görünümüne ihtiyacınız varsa talebinizi Destek Sistemi üzerinden iletebilirsiniz.

Standart tema kullanıyorsanız: Yukarıdaki ayarlar panelinizde görünmez; bunlar temanın kendi tasarımıyla sabittir ve panel üzerinden değiştirilemez. Yazı tipi, header yerleşimi, üst bar veya alan genişliği gibi konularda değişiklik yapmak istiyorsanız iki seçeneğiniz vardır: bir flex temaya geçmek veya talebinizi Destek Sistemi üzerinden ileterek tasarım desteği almak. Tasarım taleplerinin kapsamı sınırlıdır.

İpucu: Flex temaların tüm ayarları ve özellikleri için Flex Temalar Nedir? Ayarları ve Özellikleri sayfasını inceleyebilirsiniz.