Bannerlar
Banner anasayfada gerek kategori mantığında gerek tanıtım amaçlı kullanılabilen görsellerdir. Örneğin "Fırsat ürünleri" isimli bir banner oluşturup, tıkladığınızda bu ürünlere gidecek görseller oluşturabilirsiniz.
1. Banner Listesi
"Tasarım -> Bannerlar" sayfasından eklediğiniz bannerları görebilirsiniz.
- Yeni Banner butonuna tıklayarak, yeni banner ekleyebilirsiniz.
- Silmek istediğiniz bannerları, banner tablosundan seçip "Seçilenleri Sil" butonu ile silebilirsiniz.
- Banner listesinde "Göz" ikonuna tıklayarak ilgili banner içeriğini düzenleyebilirsiniz.
- Banner listesinde "Çöp kutusu" ikonuna tıklayarak ilgili banner içeriğini silebilirsiniz.
2. Banner Ekleme ve Güncelleme
"Tasarım -> Bannerlar" sayfasında bulunan "Yeni Banner" butonuna tıklayarak banner ekleme penceresine ulaşabilirsiniz. Mevcut bannerları düzenlemek için banner listesinde seçtiğiniz banner içeriğinin düzenleme butonu olan göz ikonuna tıklayarak banner detay penceresine ulaşabilirsiniz.
Banner ekleme ve banner düzenleme penceresinde aşağıdaki alanlar yer almaktadır.
2.1. Yeni Banner
- Banner Adı: Banner grubunun adını belirleyebilirsiniz. Örneğin, "Fırsat ürünleri" veya "Yaz Koleksiyonu" gibi.
- Görsel: Banner grubuna özel görsel yükleyebilirsiniz. Bu görselleri web sitenizde banner vitrinlerinde gösterebilirsiniz.
2.2. Bannerlar
"Yeni Banner" butonuna tıklayıp, görsel yükledikten sonra ilgili görsel ile ilgili aşağıdaki alanlar açılır. Bu alanları doldurabilirsiniz. Bir banner grubuna birden fazla görseller yani banner yüklenebilir.
- Başlık: İlgili banner görselinin ismidir. Bu ismi banner vitrininde ziyaretçiye gösterebilirsiniz. Örneğin, "Fırsat Ürünleri" ismiyle bir banner oluşturabilirsiniz.
- Link: İlgili banner görselinin linkidir. Tıklandığında bir yere yönlendirmek isterseniz bu alanı doldurabilirsiniz.
- Açıklama: İlgili banner görselinin açıklamasıdır. Bu açıklamayı banner vitrininde ziyaretçiye gösterebilirsiniz. Örneğin, "%25'e varan büyük fırsatları kaçırmayın" açıklamasıyla görselinizi dikkat çekici hale getirebilirsiniz.
- Görsel: Banner görselinizi bu alana girebilirsiniz.
- Buton Başlığı: Link verdiğinizde bunun bir buton ile daha öne çıkmasını isterseniz bu butona bir başlık belirleyebilirsiniz. Örneğin, "Alışverişe Hemen Başla" şeklinde bir buton ile ziyaretçiyi görsele tıklaması için tetikleyebilirsiniz.
2.3. İşlemler
- Dil Çevirileri: Bannerların farklı dillerdeki çevirilerini yapabilirsiniz.
- Sil: Bannerları bu alandan silebilirsiniz.
2.4. Bannerları Vitrinde Gösterme
"Tasarım -> Blok Yönetimi" sayfasından "Modül Ekle" butonuna tıklayarak modül ekleme penceresini açabilirsiniz. Açılan pençerede Modül Tipi alanında "Banner Vitrini (T44)" veya "Banner Hazır Grid Vitrini (T81)" modüllerinden birini seçebilirsiniz.
"Banner Hazır Grid Vitrini (T81)" size farklı şekiller sunarak 3'lü 5'li gibi hazır banner görsel tasarımları oluşturmanızı sağlar. Bu modüllerden birini seçtikten sonra. "Modül Ayarları -> Banner Grubu" alanından oluşturduğunuz banner gruplarından hangisini bu modülde göstermek isterseniz onun seçimini yapmalısınız. Sonrasında ilgili banner grubu vitrinde listelenmeye başlayacaktır.
"Banner Vitrini (T44)" olarak seçildiğinde ilgili modül tipi yan yana veya alt alta çoklu görsellerle vitrin oluşturulabilir. Modül yapıları şu şekilde oluşturulur:
Modül Bilgileri
Modüle ait bilgileri filtreleyebilir veya ekleyebilirsiniz.
Modül CSS Sınıfı İlgili modülün bulunduğu css sınıfı eklenebilmektedir ancak ilgili alan temayla uyumlu olacak şekilde editörde ekli olduğu için spesifik bir eklemeyi gerektirmemektedir.
Sütun İlgili odül birden fazla sütuna bölünebilmektedir.
Sıra Sıra numarası ile default olarak oluşan değer 0 olmaktadır ancak daha küçük veya daha büyük sayılar ekleyerek modülün sırasını değiştirebilirsiniz. Sıra numarası küçüldükçe öncelik artmaktadır.
Başlık Modülde gözükmesini istediğiniz başlık değerini ekleyebilirsiniz.
Başlangıç Tarihi Modüle ait gözükmesini istediğiniz başlangıç tarihini ekleyebilirsiniz.
Bitiş Tarihi Modüle ait gözükmesini istediğiniz bitiş tarihini ekleyebilirsiniz.
Açıklama Dilerseniz modüle açıklama ekleyebilirsiniz.
İkon Modüle ikon ekleyebilirsiniz. Göz ikonuna tıklayarak açılan sayfada kullanmak istediğiniz ikonun üstüne tıklayarak seçebilirsiniz.
Buton Başlık Buton başlığı ekleyebilirsiniz.
Buton Link Buton linki ekleyebilirsiniz.
Diller Dilleri özelleştirebilirsiniz.
Durum Modülün durumunu aktif veya pasif yapabilirsiniz.
Sadece Yöneticiler Görebilir Sadece Yöneticiler Görebilir butonunu aktif ederek modülü sadece yöneticilere aktif hale getirebilirsiniz.
Başlığı Göster Başlığı Göster butonunu aktif ederek başlığı görünür hale getirebilirsiniz.
Tarih Aralığında Göster Tarih aralığı eklediyseniz Tarih Aralığında Göster butonunu aktif ederek ilgili tarihler arasında modülü aktif tutabilirsiniz.
Açıklamayı Göster Açıklama eklediyseniz Açıklamayı Göster butonunu aktif ederek ilgili açıklamayı görünür kılabilirsiniz.
İkon Göster İkon eklediyseniz İkon Göster butonunu aktif ederek ilgili ikonu görünür kılabilirsiniz.
Buton Göster Buton eklediyseniz Buton Göster butonunu aktif ederek ilgili butonu görünür kılabilirsiniz.
Modül Ayarları
Modüle ait ayarlamalarınızı yapabilirsiniz.
Şeffaf Arkaplan , Kenar Boşlukları (Başlık) ve Kenar Boşlukları (İçerik) butonları temayla optimum olacak şekilde aktif veya pasif tutulmaktadır herhangi bir düzenlemeye gerek bulunmamaktadır.
Banner Grubu İlgili modülde gözükmesini istediğiniz banner grubunu seçebilirsiniz.
Banner Vitrin Görünümü Banner vitrin görünümünü Carousel(Atlıkarınca), Normal, Slayt veya Küçük Resimli Slayt olarak filtreleyebilirsiniz.
Banner Özelliği Banner özelliğini Normal, Yeni Pencere veya Foto Galeri olarak filtreleyebilirsiniz.
Banner Stilleri Banner stillerini Hiçbiri, Standart, Açıklamalar Ortada, Açıklamalar Üstte, Açıklamalar Altta, Hover Efekt veya Sabit Alt Bar olarak filtreleyebilirsiniz.
Banner Başlığı Banner başlığını aktif edebilirsiniz.
Banner Açıklaması Banner açıklamasını aktif edebilirsiniz.
Banner Buton Banner butonunu aktif edebilirsiniz.
Görsel Boyutları Banner boyutları kısmını Boyutlandırma, Orantısız Boyutla, Merkeze Yaklaştır veya Orantılı Boyutla olarak filtreleyebilirsiniz.
Görsel Genişliği(px) Görsel genişlik değeri ekleyebilirsiniz. Görsel boyutları alanı boyutlandırma olarak filtrelendiğinde görsel genişliği değeri eklemeye gerek bulunmamaktadır.
Görsel Yüksekliği(px) Görsel yükseklik değeri ekleyebilirsiniz. Görsel boyutları alanı boyutlandırma olarak filtrelendiğinde görsel yükseklik değeri eklemeye gerek bulunmamaktadır.
Ekran Boyutu / İçerik Sayısı Verilen tablo ile ekran boyutlarına göre her satırda görünecek içerik sayısını belirleyebilirsiniz. Ekstra Küçük ve Küçük mobil için ekran boyutu olmakta, Orta tablet için ekran boyutu olmakta, Geniş ve Ekstra Geniş ise masaüstü için ekran boyutu olmaktadır.
Web sitesinde gösterilsin ve Mobil uygulamada gösterilsin kısımlarını işaretleyerek veya ilgili işareti kaldırarak web sitesinde ve mobil uygulamada görünürlük durumlarını belirleyebilirsiniz.
Tema İlişkisi
Özel Dosya Durumu , Özel Tema Dosyası , Varsayılan İçerik Kart Dosyası , Özel İçerik Kart Durumu ve Özel İçerik Kart Dosyası alanları temayla optimum olacak şekilde aktif veya pasif tutulmaktadır herhangi bir düzenlemeye gerek bulunmamaktadır.