---
title: Sepetteki ürünlerin listesini ekleme ve koşulları güncelleme
description: Kaplama içerisine sepetteki ürünlerin listesini ekleme ve koşulları güncelleme.
---

<Video src="/media/ikas-studio/basic-examples/header/adding-cart-product-list.mp4" autoPlay muted loop controls />

## Boş sepet yazısına koşul ekleme

`Sepetinizde ürün bulunmamaktadır` yazısını yazdığınız element'i seçin. Sağ kısımdaki **Ögeyi Göster** alanına sağ tıklayarak **Koşul Ekle** seçeneğini seçin. **Veri Bağla** altından `cartStore` > `hasCart` verisini seçin. İlk kısım için **Hayır**, **Fallback** için **Evet** değerini seçin.

Bu sayede bu yazı yalnızca sepette ürün olmadığında görünür olacaktır.

## Ürün listesi çerçevesi ekleme

Yazı element'inin sonrasına bir **Çerçeve** ekleyin ve sağ tıklayarak **Stili Temizle** işlemini uygulayın. Ardından `flex-direction` ve `gap` stillerini güncelleyin.

Sağ kısımdaki **Ögeyi Göster** alanına tıklayarak `cartStore` > `hasCart` verisini seçin. Bir önceki adımda koşul ile tersine çevirdiğimiz için burada ayrıca koşul eklemeye gerek yoktur; `hasCart` değeri `true` olduğunda bu element doğrudan görünür olacaktır.

## Listeyi oluşturma

**Katmanlar** kısmından bu element'e sağ tıklayarak **Veri Bağla** seçeneğinden `cartStore` > `cart` > `orderLineItems` verisini seçin. Açılan modalda **List Component Name** alanına `OrderLineItems` yazın ve **Kaydet**'e basın. Bu şekilde yeni bir liste oluşturmuş olursunuz.

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