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.
Arama kutusu
Başlığın hemen altında bir arama kutusu vardır. Yazdıkça liste daralır; arama hem bileşen adlarında hem de açıklamalarında eşleşme arar. Eşleşme bulunan kategoriler otomatik açılır, bulunmayanlar gizlenir. Hiçbir sonuç yoksa "Eşleşen blok bulunamadı" yazar. Sağdaki **** ile aramayı temizleyip tam listeye dönersiniz.
Ürün sayfası bloklarının tasarım çeşitleri de aramaya dâhildir: "mozaik" yazarsanız Ürün Görselleri → Mozaik tasarımı doğrudan çıkar. Ayrıntı: Ürün Sayfası Şablonu (Blok Tabanlı Ürün Sayfası).
Tasarım çeşitleri (yalnız ürün sayfası blokları)
Bazı blokların sağında tasarım sayısını gösteren küçük bir düğme bulunur (ör. 5 ). Tıklayınca o bloğun tüm tasarımları küçük önizleme kartları olarak açılır; kartı sürükleyerek veya tıklayarak bloğu o tasarımla eklersiniz. Blok tipi aynıdır — tasarımı sonradan Özellikler panelinden değiştirebilirsiniz ve konum/boşluk/stil ayarlarınız korunur.
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ı. |
Ürün Sayfası şablonunu düzenlerken listenin en üstüne bir de Ürün Sayfası kategorisi eklenir. Bu kategoride blok sayısı fazla olduğu için kendi içinde alt başlıklara bölünmüştür: Görsel ve Yol · Ürün Kimliği · Satın Alma · Detay ve İçerik · Sosyal Kanıt · Öneriler · Birleşik (eski). Alt başlıklar hem liste hem galeri görünümünde çıkar. Ayrıntı için Ürün Sayfası Şablonu (Blok Tabanlı Ürün Sayfası).
Aynı şey başka sayfa türlerinde de olur: hangi şablonu düzenliyorsanız listenin en üstüne o sayfaya özgü bir kategori eklenir ve o kategorideki bloklar yalnız o sayfa türünde kullanılabilir. Bu yüzden Ana Sayfa'yı düzenlerken Filtre Paneli ya da Sipariş Özeti gibi blokları listede göremezsiniz.
| Şablonu düzenlerken | Eklenen kategori | Nerede anlatılıyor |
|---|---|---|
| Kategori · Marka · Etiket · Arama | Liste Blokları (+ Marka ve Etiket Sayfası · Arama Sayfası) | Liste Sayfaları Blokları (kategori · marka · etiket · arama) |
| Hesabım | Hesabım Sayfası | Hesabım Sayfası Blokları |
| Ödeme · Sepet · Giriş/Kayıt · Form · Değerlendirme · Blog | Ödeme Sayfası · Sepet Sayfası · Giriş / Kayıt Sayfası · Blog Sayfası … | Sayfalar ve Yapı |
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. O katalog genel blokları anlatır; sayfaya özgü blokların ayarları yukarıdaki tablodaki sayfalarda.
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.
Topluluk
Sol panelde ayrıca bir Topluluk sekmesi bulunur: orada başka satıcıların paylaşıp onaydan geçmiş bileşenlerini bulup mağazanıza kurabilirsiniz. Kendi ürettiğiniz bileşenler bu sekmede değil, Bileşenler sekmesinde listelenir. Kendi bileşeninizi topluluğa nasıl göndereceğinizi Bileşeni Toplulukla Paylaşma dosyasında anlatıyoruz. Bu sekme panelinizde görünmüyorsa özellik hesabınızda henüz açılmamış demektir; hazır bileşen kütüphanesi tüm temel 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)).
Bu sayfa faydalı oldu mu?