---
title: Ürün Detay
description: Ürün detay bölümü oluşturma.
icon: Package
---

Bu örnekte, sıfırdan bir ürün detay bölümü oluşturmayı öğreneceksiniz.

## Adımlar

<Steps>
  <Step title="Bölüm oluşturma">
    [Bölüm oluşturma &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/creating-section)
  </Step>
  <Step title="Bölüm düzenini ve stillerini güncelleme">
    [Bölüm düzenini ve stillerini güncelleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/updating-section-layout-and-styles)
  </Step>
  <Step title="Bölüme veri ekleme">
    [Bölüme veri ekleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/adding-data-to-section)
  </Step>
  <Step title="Ürün slider'ı oluşturma">
    [Ürün slider'ı oluşturma &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/creating-product-slider)
  </Step>
  <Step title="Slider'a görsel listesini bağlama">
    [Slider'a görsel listesini bağlama &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/binding-image-list-to-slider)
  </Step>
  <Step title="Bileşen listesi verisini ekleme ve bağlama">
    [Bileşen listesi verisini ekleme ve bağlama &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/adding-and-binding-component-list-data)
  </Step>
  <Step title="Yazı bileşeni oluşturma">
    [Yazı bileşeni oluşturma &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/creating-text-component)
  </Step>
  <Step title="Varyant seçici">
    [Varyant seçici &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/variant-picker)
  </Step>
  <Step title="Fiyat bileşeni oluşturma">
    [Fiyat bileşeni oluşturma &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/creating-price-component)
  </Step>
  <Step title="Satın alma butonları">
    [Satın alma butonları &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/buy-buttons)
  </Step>
  <Step title="Bölümü mobil uyumlu hale getirme">
    [Bölümü mobil uyumlu hale getirme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/making-section-mobile-responsive)
  </Step>
</Steps>