---
title: Favori Ürünler
description: Müşterinin favori ürünlerini listeleyen 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>

Favori ürünler component'i, müşterinin favorilere eklediği ürünleri listeler.

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

![Örnek temadaki favori ürünler sayfası](https://builders.ikas.com/media/ikas-dev/example-theme-favorite-products-53a514f5f49e0fca21a06b6a3e5fec26.png)

Component'in mantığı [useFavoriteProducts](https://github.com/ikascom/ikas-examples/tree/main/ikas-theme/src/components/account/favorite-products/useFavoriteProducts.tsx) custom hook'unda yer alır. Favori ürün listesi `store.customerStore.getFavoriteProducts()` fonksiyonuyla alınır. Bir ürünü listeden çıkarmak için `store.customerStore.removeProductFromFavorites(product.id)` fonksiyonu kullanılabilir.