Bileşen Havuzu (Sağ Panel)
Açık sayfadaki bütün bileşenlerin kuşbakışı listesi. Tuvalde tek tek tıklamak yerine, her şeyi buradan düzenli biçimde yönetirsiniz.
Nerede bulunur: Üst araç çubuğundaki Bileşen Havuzu (katmanlar ikonu) butonuna basınca sağ panelde açılır Kimler için: Bir sayfadaki tüm bölümleri tek listede görmek, sıralamak, gizlemek veya silmek isteyenler Kısaca: Açık sayfadaki bütün bileşenlerin kuşbakışı listesi. Tuvalde tek tek tıklamak yerine, her şeyi buradan düzenli biçimde yönetirsiniz.
Ne işe yarar?
Bir sayfada onlarca bileşen olabilir; tuvalde doğru parçayı bulup tıklamak bazen zordur. Bileşen Havuzu, o sayfadaki tüm bileşenleri alt alta bir liste halinde gösterir. Buradan:
- Hangi bileşenlerin sayfada olduğunu tek bakışta görürsünüz,
- Sıralarını değiştirirsiniz,
- Bir bileşeni geçici olarak gizlersiniz (silmeden),
- Ayarlarına hızlıca geçersiniz,
- İstemediğiniz bileşeni silersiniz.
Paneli açmak için üst araç çubuğundaki Bileşen Havuzu (katmanlar) butonuna basın. Panelin tepesinde Bileşen Havuzu başlığı ve altında Aktif sayfadaki bileşenleri yönetin açıklaması bulunur.
Sayfada hiç bileşen yoksa Bu sayfada henüz bileşen yok. yazısı görünür.
Liste satırlarında ne var?
Her bileşen bir satır olarak listelenir. Soldan sağa:
| Öğe | Ne işe yarar? |
|---|---|
| Tutamaç (⠿ noktalı ikon) | Buradan tutup yukarı-aşağı sürükleyerek bileşenin sırasını değiştirirsiniz. |
| Bileşen adı + açıklaması | Hangi bileşen olduğu (örn. "Hero Split" + kısa açıklaması). Bir bileşene kendi adınızı verdiyseniz üstte o ad görünür, bileşen tipi (örn. "Hero Split") ikinci satıra iner. |
| Görünürlük anahtarı (Switch) | Bileşeni gizler/gösterir. Kapatırsanız bileşen mağazada görünmez ama silinmez; istediğinizde geri açabilirsiniz. |
| Ayarlar (ikon) | Bileşeni seçer ve sağ paneli Özellikler moduna geçirir; o bileşeni düzenlemeye başlarsınız. (Fareyle satırın üstüne gelince belirir.) |
| Yeniden adlandır (ikon) | Satır içinde ad düzenlemeyi açar. Klavyeyle de kullanılabilir: Tab ile düğmeye gelip Enter'a basın. (Fareyle satırın üstüne gelince belirir.) |
| Sil (ikon) | Bileşeni siler. Yalnızca silinebilir bileşenlerde görünür. (Fareyle satırın üstüne gelince belirir.) |
İpucu: "Gizle" ile "Sil" farkı. Bir bileşeni geçici olarak yayından kaldırmak istiyor ama içeriğini kaybetmek istemiyorsanız görünürlük anahtarını kapatın (gizle). Bileşene bir daha asla ihtiyacınız yoksa Sil'i kullanın. Mevsimlik bir kampanya bölümünü her seferinde silip yeniden yapmak yerine gizleyip-göstermek çok pratiktir.
Bir bileşeni sıralama
- Bileşenin solundaki tutamaçtan (⠿) farenizle basılı tutun.
- Yukarı veya aşağı sürükleyin.
- İstediğiniz konumda bırakın. Liste anında yeni sıraya göre güncellenir ve tuvalde de değişir.
Bir bileşeni yeniden adlandırma
Aynı sayfada aynı tipten birden çok bileşen olduğunda (örn. beş "Metin" bloğu), listede hepsi aynı etiketle göründüğü için hangisinin hangisi olduğunu ayırt etmek zorlaşır. Bir bileşene kendi adınızı vererek bunu çözebilirsiniz — örneğin "Metin" yerine "Kampanya başlığı" veya "Kargo bilgisi".
Katman listesinden (hızlı yol):
- Adlandırmak istediğiniz satırdaki bileşen adının üzerine çift tıklayın. (Fare kullanmıyorsanız: satırın sağındaki Yeniden adlandır düğmesine Tab ile gelip Enter'a basın.)
- Açılan kutuya yeni adı yazın.
- Enter'a basın veya kutunun dışına tıklayın; ad kaydedilir. Vazgeçmek için Esc'e basın.
Özellikler panelinden: Bileşeni seçtiğinizde sağ panelin en üstündeki Blok adı alanına da adı yazabilirsiniz. Alanı boş bırakırsanız (placeholder olarak bileşen tipi görünür) bileşen varsayılan etiketine döner.
Kurallar:
- Ad verdiğinizde listede ad öne çıkar, bileşen tipi küçük ikincil metin olarak altta kalır.
- Adı tamamen silerseniz bileşen yeniden varsayılan tip etiketine döner.
- Ad yalnızca editördeki bu listede/panelde işinize yarar; mağazanızın vitrininde hiçbir yere basılmaz — tamamen sizin düzeniniz içindir.
- Grid sütunları, Sekmeler ve Carousel slaytlarının içindeki iç içe bileşenlere de aynı şekilde ad verebilirsiniz.
- Ad değişikliği kaydedilmemiş değişiklik sayılır; kaydet/yayınla ile kalıcı olur.
İpucu: Uzun sayfalarda blokları "Üst kampanya", "Ürün ızgarası", "SSS" gibi işlevlerine göre adlandırmak, ilerde düzenleme yaparken doğru bloğu saniyeler içinde bulmanızı sağlar.
Bir bileşeni gizleme/gösterme
- Bileşenin satırındaki görünürlük anahtarına tıklayın.
- Anahtar kapalıyken bileşen mağazada görünmez (editörde kalır).
- Tekrar açtığınızda yeniden görünür olur.
Bir bileşeni silme
- Bileşenin satırında fareyle gezinin; sağda Sil () butonu belirir.
- Tıklayın. Bileşeni Sil onay penceresi açılır: "'{bileşen adı}' bileşenini silmek istediğinize emin misiniz?"
- Sil ile onaylayın veya İptal ile vazgeçin.
Dikkat: Bileşen silme işlemini onayladıktan sonra geri alınamaz; bileşen ve içindeki tüm ayarlar gider. Emin değilseniz silmek yerine gizlemeyi tercih edin. Bazı yapısal bileşenlerde (örneğin menü/footer'ın çekirdek parçaları) silme butonu hiç görünmez — bunlar korumalıdır.
Kapsayıcı bileşenler ve alt öğeler
Bir bileşen Grid (sütunlar), Sekme veya Carousel gibi içine başka bileşen alan bir kapsayıcıysa, listede altında küçük gruplar belirir:
- Grid için: Sütun 1, Sütun 2... (yanında öğe sayısı, örn. "Sütun 1 (2)")
- Sekme için: Sekme 1, Sekme 2...
- Carousel için: Slayt 1, Slayt 2...
Grup başlığına tıklayarak açar/kapatır, içindeki bileşenleri görür ve onları da aynı şekilde (ayarlar/sil) yönetebilirsiniz. Böylece iç içe geçmiş düzenleri bile düzenli biçimde kontrol edersiniz.
İpucu: İç içe bileşenlerde "doğru parçaya tuvalde tıklamak" zor olabilir. Bileşen Havuzu'ndaki bu ağaç yapısı, hangi bileşenin hangi sütun/sekme/slaytta olduğunu net gösterir; düzenlemek istediğinizi listeden seçmek çok daha kolaydır.
Sık sorulan
S: Bir bileşeni gizledim ama tuvalde hâlâ duruyor. C: Düzenleme modunda gizli bileşenler de görünmeye devam edebilir (üzerinde çalışabilmeniz için). Gerçek görünümü görmek için üstteki Önizle moduna geçin; gizlediğiniz bileşen orada görünmeyecektir.
S: Sil butonunu bazı bileşenlerde göremiyorum. C: O bileşen korumalı (yapısal) bir bileşendir ve silinemez. Görünmesini istemiyorsanız görünürlük anahtarıyla gizleyebilirsiniz.
S: Listede beklediğimden fazla/az bileşen var. C: Bileşen Havuzu yalnızca o an açık olan sayfanın bileşenlerini gösterir. Başka bir sayfaya geçerseniz o sayfanın listesini görürsünüz. Ortak menü/footer için Üst Yapı veya Alt Yapı sayfasına geçmeniz gerekir.
S: Verdiğim ad mağazada müşterilere görünür mü? C: Hayır. Blok adı yalnızca editördeki katman listesi ve özellikler panelinde görünür; mağaza vitrininde hiçbir yere basılmaz. Sadece sizin düzeniniz için bir etikettir.
S: Adı verdim ama sonra silmek istiyorum. C: Adı çift tıklayıp içeriğini tamamen silin (veya Özellikler panelindeki Blok adı alanını boşaltın); bileşen otomatik olarak varsayılan tip etiketine (örn. "Metin") döner.
Bu sayfa faydalı oldu mu?