Bileşen Kütüphanesi (Sol Panel)
Sayfanıza ekleyebileceğiniz hazır yapı taşlarının (bileşenlerin) bulunduğu raf. Bir bileşeni buradan tutup tuvale sürükler veya üstüne tıklayarak…
Nerede bulunur: Tema Editörü'nün sol panelinde, başlığı Bileşenler Kimler için: Sayfasına yeni bir bölüm (afiş, kategori kutuları, SSS, footer vb.) eklemek isteyen herkes Kısaca: Sayfanıza ekleyebileceğiniz hazır yapı taşlarının (bileşenlerin) bulunduğu raf. Bir bileşeni buradan tutup tuvale sürükler veya üstüne tıklayarak eklersiniz.
Ne işe yarar?
Sol paneldeki Bileşen Kütüphanesi, mağazanızı oluştururken kullanacağınız tüm hazır parçaların listesidir. Her parça (bileşen) belli bir iş için tasarlanmıştır: kimi büyük bir tanıtım afişidir, kimi kategori kutucukları gösterir, kimi "Sıkça Sorulan Sorular" listesi yapar. Siz bu hazır parçaları seçip sayfanıza koyar, sonra içlerini kendi içeriğinizle doldurursunuz.
Panelin tepesinde başlık Bileşenler, altında küçük bir açıklama Tıklayın veya sürükleyin yazar — yani bileşen eklemenin iki yolu olduğunu hatırlatır.
Görünüm modu: Liste / Galeri
Panelin sağ üst köşesinde iki küçük buton vardır; bileşenlerin nasıl listeleneceğini seçer:
| Buton (ikon) | Mod | Nasıl gösterir? |
|---|---|---|
| Liste | Liste | Bileşenleri alt alta, küçük ikon + isim olarak sıralar. Daha çok bileşen tek bakışta görünür. |
| Galeri | Galeri | Bileşenleri iki sütunlu, daha büyük kutucuklar halinde gösterir. Neyin ne olduğunu görselleştirmek için daha rahattır. |
Seçtiğiniz mod hatırlanır; bir dahaki açışınızda aynı modla gelir.
İpucu: Hangi bileşenin ne yaptığını yeni öğreniyorsanız Galeri modu daha anlaşılırdır. Bileşenleri tanıdıkça, daha hızlı tarama için Liste moduna geçebilirsiniz.
Bileşenler nasıl gruplanır? (Kategoriler)
Bileşenler, işlevlerine göre kategorilere ayrılmıştır. Her kategori, açılır-kapanır bir başlık (akordeon) olarak görünür ve panel açıldığında hepsi açıktır. Başlığa tıklayarak bir kategoriyi kapatıp diğerlerine yer açabilirsiniz.
Kategoriler ve içlerinde ne tür bileşenler bulunduğu:
| Kategori | İçinde ne var? |
|---|---|
| Hero | Sayfanın en üstündeki büyük, dikkat çekici tanıtım alanları (afiş, video, kapak görseli). |
| İçerik | Yazı, Sıkça Sorulan Sorular, özellik listesi, harita gibi bilgi bölümleri. |
| Promosyon | Kampanya/duyuru şeritleri ve geri sayım sayacı. |
| Kategori | Mağaza kategorilerinizi kutucuklar halinde gösteren bölümler. |
| Güven | Müşteriye güven veren rozetler (güvenli ödeme, hızlı kargo vb.). |
| Medya | Görsel galerisi, önce/sonra karşılaştırması. |
| Düzen | Sayfayı bölümlere ayıran yapı taşları (sütunlar, sekmeler, kaydırmalı alan, ayırıcı çizgi, üst menü). |
| E-Ticaret | Ürün listesi gösteren bölüm. |
| Altbilgi | Sayfa sonu (footer) tasarımları. |
Her bileşenin tek tek ne yaptığını ve hangi ayarlara sahip olduğunu Bileşen Kataloğu (Tüm Bileşenler) dosyasında bulabilirsiniz.
Bir bileşeni sayfaya ekleme — 2 yöntem
Yöntem 1: Sürükle-bırak
- Sol panelde eklemek istediğiniz bileşeni bulun.
- Bileşenin üzerine farenizle basılı tutun ve ortadaki tuvale doğru sürükleyin.
- Sürüklerken tuvalde nereye bırakacağınızı gösteren bir çizgi/işaret belirir.
- İstediğiniz konuma gelince fareyi bırakın. Bileşen o noktaya eklenir.
Yöntem 2: Tıklama
- Sol panelde bileşene tıklayın.
- Bileşen sayfanın sonuna eklenir.
- Sonra tuvalde tutup istediğiniz yere sürükleyerek sırasını değiştirebilirsiniz (bkz. Tuval ve Önizleme).
Bileşeni ekledikten sonra üstüne tuvalde tıklayın; sağ panelde Özellikler açılır ve içeriğini (yazı, görsel, renk) düzenlersiniz (bkz. Özellikler Paneli (Sağ Panel)).
İpucu: Bir bileşeni "Grid" (sütunlar), "Sekme" veya "Carousel" gibi bir kapsayıcı bileşenin içine de sürükleyebilirsiniz. Böylece yan yana sütunlar veya sekmeli alanlar oluşturursunuz. Ayrıntı için Özellikler Paneli (Sağ Panel) dosyasındaki "Kapsayıcı bileşenler" bölümüne bakın.
Kafa karıştıran nokta: Bazı bileşenler "kilitli/yapısal"dır
Üst Yapı ve Alt Yapı içindeki menü ve footer gibi fonksiyonel bileşenler özel yapı taşlarıdır. Bunlar tuvalde gri, kilit işaretli bir kutu gibi görünebilir ve normal bileşenler gibi serbestçe taşınamaz/silinemez. Bu normaldir — onlar mağazanın "iskelet" parçalarıdır ve ayarları yine sağ panelden yapılır.
Pazaryeri (yakında)
İleride sol panele bir Pazaryeri (Marketplace) sekmesi de eklenecek: oradan başka tasarımcıların hazırladığı ek bileşenleri bulup mağazanıza kurabileceksiniz. Bu özellik şu anda kapalıdır, yani panelde böyle bir sekme görmüyorsanız bu normaldir. Şimdilik yukarıda anlatılan hazır bileşen kütüphanesi tüm ihtiyacınızı karşılar.
Sık sorulan
S: Aradığım bileşeni bulamıyorum. C: Önce doğru kategoriye baktığınızdan emin olun (örn. tanıtım afişi için Hero, footer için Altbilgi). Kategoriler kapalıysa başlığa tıklayıp açın. Tüm bileşenlerin listesi için Bileşen Kataloğu (Tüm Bileşenler) dosyasına bakabilirsiniz.
S: Bir bileşeni ekledim ama tuvalde göremiyorum. C: Tıklama yöntemiyle eklediyseniz bileşen sayfanın en altına eklenmiştir; tuvali aşağı kaydırın. Ayrıca Bileşen Havuzu'ndan (sağ panel) o sayfadaki tüm bileşenleri listeleyip kontrol edebilirsiniz.
S: Yanlış bileşen ekledim, nasıl silerim? C: Tuvalde bileşenin üstüne gelince çıkan silme () butonuyla ya da Bileşen Havuzu'ndan silebilirsiniz (bkz. Bileşen Havuzu (Sağ Panel)).