Add To Bag 

UI Design'da Aksiyonu Tanımlama

1. Kuika platformuna giriş yapın.
2. Apps ekranından projenizi seçin.
3. UI Design modülüne geçin.
4. Ürün listeleme ya da ürün detay ekranını açın.

5. Ürün kartı veya detay sayfasına bir “Sepete Ekle” butonu yerleştirin.
6. Bu butonu seçin ve Properties panelinden + ADD ACTION → uygun tetikleyici (Initial Actions, OnClick, vb.)→ Bag → Add to Bag aksiyonunu ekleyin.

Aksiyon Parametrelerini Yapılandırma

• Bag Key (Zorunlu – Symbol Picker): Ürünün ekleneceği sepetin kimliği. Bu değer sabit girilebilir ya da dinamik olarak belirlenebilir. Örneğin: "default", wishlistBagKey,
• Bag Item (Zorunlu – Symbol Picker): Sepete eklenecek Kuika platformundaki herhangi bir nesne/liste. Genellikle bir JSON nesnesi olarak gönderilir ve şu gibi bilgileri içerir:
  ‍

{  "id": product.id,  "name": product.name,  "price": product.price,  "quantity": 1}

‍

•  Bu yapı, veri kaynaklarından ya da form input’larından alınarak dinamik şekilde bağlanır.
• Bag Key ve Bag Item parametreleri, Symbol Picker üzerinden bağlanmalıdır. Sabit veri kullanımı yerine her kullanıcıya özgü ve anlık değerlerin alınması önerilir.

Bir ürün listesinde yer alan “Sepete Ekle” butonuna basıldığında, ilgili ürün bilgileriyle birlikte varsayılan sepete kayıt yapılmalıdır.

Yapılandırma Adımları:

1. Ürün listesi veya detay ekranına geçin.
2. Ürün bilgilerini form ya da veri bağlama yoluyla gösterin.
3. Her ürün kartına bir "Sepete Ekle" butonu yerleştirin.
4. Bu butona aşağıdaki aksiyonu ekleyin:
   
   • ADD ACTION → OnClick → Bag → Add to Bag
5. Parametreleri şu şekilde bağlayın:
   
   • Bag Key: "default" (veya currentUser.id + "_bag" gibi dinamik)
   • Bag Item:

{  "id": product.id,  "name": product.name,  "price": product.price,  "quantity": 1}

‍

• Kategori Bazlı Sepetler: Farklı ürün türleri için ayrı Bag Key tanımlanabilir. Örneğin: "electronics_bag", "furniture_bag".
• Görsel Bildirim: Ekleme sonrası kullanıcıya Notify aksiyonu ile bilgi verilebilir.

Teknik Riskler ve Önlemler

• Çoklu Ekleme: Aynı öğenin tekrar tekrar sepete eklenmesi önlenmeli ya da kontrollü yapılmalıdır.

Add to Bag aksiyonu, kullanıcı etkileşimlerini yönetmenin ve seçimleri sistemde işlemeye başlamanın en etkili yollarından biridir. Sepet mantığına dayalı her senaryoda kolayca uygulanabilir ve diğer aksiyonlarla birlikte güçlü bir alışveriş/sipariş deneyimi sunar.