---
title: Sipariş Detayı
description: Müşterinin bir siparişine ait detayları gösteren component.
---

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

Sipariş detayı component'i, bir siparişin ayrıntılarını gösterir.

Kaynak kodun tamamına [buradan](https://github.com/ikascom/ikas-examples/tree/main/ikas-theme/src/components/account/order-detail) ulaşabilirsiniz. Sipariş detayı component'imiz şu şekilde görünüyor:

![Örnek temadaki sipariş detayı sayfası](https://builders.ikas.com/media/ikas-dev/example-theme-order-detail-420a7c35bdf7e20bbcedfc7b0a965405.png)

Component'in mantığı [useOrderDetail](https://github.com/ikascom/ikas-examples/tree/main/ikas-theme/src/components/account/order-detail/hooks/useOrderDetail.tsx) custom hook'unda yer alır. Müşterinin ilgili siparişi `store.customerStore.getOrder(id)` fonksiyonuyla alınır.