---
title: Bölümler
description: Bölüm yapısı ve yönetimi.
icon: Box
---

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.

<Callout type="warning" title="Tasarım modu gereklidir">
Bölüm oluşturmak için **Tasarım** modunda olmanız gerekmektedir.
</Callout>

## 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.

<Callout type="info" title="Veriler">
Veri ekleme ve bağlama akışı hakkında daha detaylı bilgi için [Veriler](https://builders.ikas.com/tr/docs/ikas-studio/content-and-design/data) sayfasını inceleyebilirsiniz.
</Callout>

<Callout type="info" title="Listeler">
Listeler hakkında daha detaylı bilgi için [Listeler](https://builders.ikas.com/tr/docs/ikas-studio/content-and-design/list) sayfasını inceleyebilirsiniz.
</Callout>

## İç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](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-list/changing-product-list-data) 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](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/header/marking-section-as-header) 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.

<Callout type="info" title="Kırılma noktaları bölümlere özgüdür">
Kırılma noktasına özel tasarım ekranı yalnızca bölümlerde bulunur. Bileşenlerde ise responsive davranış için kırılma noktaları **koşul** olarak kullanılır. Detaylı bilgi için [Kırılma Noktaları](https://builders.ikas.com/tr/docs/ikas-studio/content-and-design/global-values/breakpoints) ve [Koşullar](https://builders.ikas.com/tr/docs/ikas-studio/content-and-design/elements/conditions) sayfalarını inceleyebilirsiniz.
</Callout>

Pratik örnek için [Ürün Listesi > Bölümü mobil uyumlu hale getirme](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-list/making-section-mobile-responsive) 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](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-list/creating-section)
- [Header > Bölüm oluşturma](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/header/creating-section)
- [Ürün Detay > Bölüm oluşturma](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/creating-section)