Bölümler

Bölüm, bir sayfanın bağımsız ve tekrar kullanılabilir yapı taşıdır. Her bölüm kendi verisini, stilini ve iç yapısını barındırır; farklı sayfalara eklendiğinde bağımsız olarak çalışır. Sayfalar bölümlerden oluşur.

Bölüm oluşturma

Elementler kısmından bir Çerçeve ekleyin. Çerçeveye sağ tıklayarak Bölüm Oluştur seçeneğine tıklayın. Açılan modalda bölümünüzün ikonunu ve adını girerek Kaydet'e basın.

Bölüm oluşturulduktan sonra detay ekranına otomatik olarak yönlendirilirsiniz. Sayfaya geri dönmek için sol panelin üstünde bulunan Geri Dön butonunu kullanabilir, tekrar detaya girmek içinse Katmanlar kısmındaki bölüme çift tıklayabilir veya Kaydedilmiş Şablonlar kısmından ilgili bölüme tıklayabilirsiniz.

Bölüme veri ekleme ve bağlama

Bir bölüm, dışarıdan alacağı veriyi Veri Ekle modalı ile tanımlar ve içindeki elementlere Veri Bağla akışı ile aktarır. Böylece aynı bölüm, farklı sayfalarda farklı verilerle çalışabilir.

İçerik modunda bölüm verisini güncelleme

Bir bölüm sayfaya eklendikten sonra, İçerik modunda bölümün verisi doğrudan güncellenebilir. Örneğin bir ürün listesi bölümünde liste türü, sıralama ve başlangıç sınırı gibi ayarlar İçerik modundan yapılandırılır. Bölüme veri eklerken belirlediğiniz varsayılan değerler, bölüm her yeni kullanıldığında başlangıç değeri olarak gelir.

Pratik örnek için Ürün Listesi > Bölümün ürün listesi verisini değiştirme sayfasını inceleyebilirsiniz.

Bölümü header veya footer olarak işaretleme

Bir bölümü header veya footer yapmak için Tasarım modundayken sol kısımdaki Kaydedilmiş Şablonlar bölümüne gidin. İlgili bölümün yanındaki üç nokta ikonuna basarak açılan menüden Header Yap veya Footer Yap seçeneğini işaretleyin.

İşaretlemeden sonra yeni eklenen tüm sayfalara bu bölüm otomatik olarak gelir. Mevcut sayfalara otomatik eklenmez; bu sayfalara elle eklemeniz gerekir. İşaretlenen bölümde yaptığınız herhangi bir güncelleme, bölümü kullanan tüm sayfalarda otomatik olarak yansır.

Pratik örnek için Header > Bölümü header olarak işaretleme sayfasını inceleyebilirsiniz.

Kırılma noktaları

Bölümlere kırılma noktaları ekleyerek farklı ekran boyutları için farklı stiller tanımlayabilirsiniz. Bir kırılma noktasındayken yaptığınız stil değişiklikleri, o kırılma noktasından daha küçük kırılma noktalarına da otomatik olarak aktarılır. Örneğin 768px için tanımladığınız bir stil, daha küçük değerlere sahip kırılma noktalarında da geçerli olur; ancak daha büyük değerdeki kırılma noktaları bu değişiklikten etkilenmez. Böylece üstten alta doğru kademeli bir şekilde stil güncellemesi sağlanır.

Kırılma noktası eklemek için canvas üzerinde yer alan tasarımın sağ üst kısmındaki artı ikonu kullanılabilir veya Global Değerler altındaki Kırılma Noktaları bölümünden yeni bir kırılma noktası tanımlanabilir.

Pratik örnek için Ürün Listesi > Bölümü mobil uyumlu hale getirme sayfasını inceleyebilirsiniz.

Temel örnekler

Temel örneklerde bölüm oluşturmanın akışlarını adım adım inceleyebilirsiniz:

• Ürün Listesi > Bölüm oluşturma
• Header > Bölüm oluşturma
• Ürün Detay > Bölüm oluşturma