---
title: Bölüme veri ekleme
description: Ürün detay bölümüne veri ekleme.
---

<Video src="/media/ikas-studio/basic-examples/product-detail/adding-data-to-section.mp4" autoPlay muted loop controls />

<Callout type="info" title="Geliştiriciler için">
Bölüme veri eklemek, React'te bir component'e prop tanımlamaya benzer. Bölüm dışarıdan hangi veriyi alacağını bildirir ve bu veri İçerik modunda son kullanıcı tarafından yapılandırılabilir hale gelir. Örneğin bu adımda tanımlayacağımız `product` verisi, React'te şu şekilde ifade edilebilir:

```tsx
interface ProductDetailSectionProps {
  product: Product;
}
```
</Callout>

## Veri ekleme

İlk çerçeveyi seçin ve sağ üst kısımda bulunan **Veri Ekle** butonuna tıklayın. Açılan modaldan `Product` tipini seçerek ilerleyin. Bölüm detayında çalışmak istediğiniz ürünü varsayılan ürün olarak belirleyebilirsiniz. Ardından **Kaydet**'e basın.

## Sayfanın ürününü kullanma

**Kaydet**'e bastıktan sonra sayfaya geri dönün ve **Ürün Detay** bölümünü seçin. Sağ kısımda `product` altında bulunan **Sayfanın ürününü kullan** seçeneğini işaretleyin.

Bu bölümü ürün detay sayfasında konumlandırdığımız için bu seçenek görünür olur ve bu sayede bölüm dinamik olarak bulunulan ürün sayfasına göre ilgili ürün verisiyle dolar.
