---
title: Product
description: Mağaza sahibinin component için bir ürün seçmesini sağlayan Product prop tipi.
---

<Callout type="warn" title="Eski altyapı">
Bu sayfa, ikas Studio öncesindeki headless tema altyapısını anlatır. Yeni temalar için [ikas Studio](https://builders.ikas.com/docs/ikas-studio) dokümantasyonunu kullanın.
</Callout>

Product prop tipi, mağaza sahibinin component'iniz için bir ürün seçmesini sağlar. Mağaza sahibi belirli bir ürünü seçebilir ya da sayfanın mevcut ürününü kullanabilir.

`Use the product of the page` onay kutusu yalnızca component'iniz `Product Page`'e eklendiğinde görünür. Böylece mağaza sahibi, sayfanın ürününü component'inize dinamik olarak aktarabilir. Component'iniz `Product Page` dışında bir sayfaya eklendiyse bu onay kutusu görünmez ve mağaza sahibinin ürünü manuel olarak seçmesi gerekir.

<iframe src="https://demo.arcade.software/bVALoq3HYLAxWInV9RMT?embed" title="Product prop tipi demosu" loading="lazy" allowFullScreen style={{ width: '100%', aspectRatio: '16 / 9', border: 0, borderRadius: 12 }} />

```tsx
export type ProductExampleProps = {
    ...
    product: IkasProduct;
};
```

Component'inize gelen prop değeri bir [IkasProduct](https://builders.ikas.com/docs/headless-theme/api/products#ikas-product) instance'ıdır. Bir ürünü göstermek için ihtiyaç duyduğunuz her şey bu class'ta bulunur. Ürünün tüm field'larını tek bir sayfada anlatmak zor olacağından, önce [IkasProduct](https://builders.ikas.com/docs/headless-theme/api/products#ikas-product) referansına göz atmanızı öneririz. Ardından bu class'ın kullanımını [Örnek Tema](https://builders.ikas.com/docs/headless-theme/example-theme/product-detail/introduction) sayfasında inceleyebilirsiniz.