---
title: Header
description: Header bölümü oluşturma.
icon: PanelTop
---

Bu örnekte, sıfırdan bir header 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/header/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/header/updating-section-layout-and-styles)
  </Step>
  <Step title="Logo ekleme">
    [Logo ekleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/header/adding-logo)
  </Step>
  <Step title="Menu linklerini ekleme">
    [Menu linklerini ekleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/header/adding-menu-links)
  </Step>
  <Step title="Aksiyon ikonlarını ekleme">
    [Aksiyon ikonlarını ekleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/header/adding-action-icons)
  </Step>
  <Step title="Sepet elementine ürün sayısı ekleme">
    [Sepet elementine ürün sayısı ekleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/header/adding-cart-item-count)
  </Step>
  <Step title="Sepet elementine kaplama ekleme">
    [Sepet elementine kaplama ekleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/header/adding-overlay-to-cart-element)
  </Step>
  <Step title="Kaplama düzenini ve stillerini güncelleme">
    [Kaplama düzenini ve stillerini güncelleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/header/updating-overlay-layout-and-styles)
  </Step>
  <Step title="Sepetteki ürünlerin listesini ekleme ve koşulları güncelleme">
    [Sepetteki ürünlerin listesini ekleme ve koşulları güncelleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/header/adding-cart-product-list)
  </Step>
  <Step title="Sepet ürün listesi item tasarımını güncelleme">
    [Sepet ürün listesi item tasarımını güncelleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/header/updating-cart-product-list-item-styles)
  </Step>
  <Step title="Sepetten ürün silme aksiyonu ekleme">
    [Sepetten ürün silme aksiyonu ekleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/header/adding-remove-from-cart-action)
  </Step>
  <Step title="Sepet toplamını ekleme">
    [Sepet toplamını ekleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/header/adding-cart-total)
  </Step>
  <Step title="Sepete ürün ekleme">
    [Sepete ürün ekleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/header/adding-product-to-cart)
  </Step>
  <Step title="Bölümü header olarak işaretleme">
    [Bölümü header olarak işaretleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/header/marking-section-as-header)
  </Step>
</Steps>