---
title: Sayfalar
description: Sayfa oluşturma, düzenleme ve yönetimi.
icon: File
---

Yeni bir tema oluşturduğunuzda **Anasayfa**, **Bulunamadı 404** ve **Ödeme Sayfası** otomatik olarak temanıza ekli gelir ve diğer tüm sayfaları kendiniz oluşturursunuz.

<Video src="/media/ikas-studio/content-and-design/pages-01.mp4" autoPlay muted loop controls caption="Sayfa ekleme ve yönetim akışı örneği" />

## Sayfa tipleri

Temanıza ekleyebileceğiniz sayfa tipleri aşağıdaki gibidir:

- <span className="inline-flex shrink-0 align-middle"><HouseIcon className="size-5" /></span> Anasayfa
- <span className="inline-flex shrink-0 align-middle"><ShoppingBagIcon className="size-5" /></span> Ürün Sayfası
- <span className="inline-flex shrink-0 align-middle"><LayersIcon className="size-5" /></span> Kategori Sayfası
- <span className="inline-flex shrink-0 align-middle"><AwardIcon className="size-5" /></span> Marka Sayfası
- <span className="inline-flex shrink-0 align-middle"><SearchIcon className="size-5" /></span> Arama Sayfası
- <span className="inline-flex shrink-0 align-middle"><UserIcon className="size-5" /></span> Hesabım Sayfası
- <span className="inline-flex shrink-0 align-middle"><UserIcon className="size-5" /></span> Giriş Sayfası
- <span className="inline-flex shrink-0 align-middle"><SquareUserIcon className="size-5" /></span> Kayıt Sayfası
- <span className="inline-flex shrink-0 align-middle"><MapPinIcon className="size-5" /></span> Adreslerim
- <span className="inline-flex shrink-0 align-middle"><PackageIcon className="size-5" /></span> Siparişlerim
- <span className="inline-flex shrink-0 align-middle"><FileTextIcon className="size-5" /></span> Sipariş Detay
- <span className="inline-flex shrink-0 align-middle"><HeartIcon className="size-5" /></span> Favori Ürünler
- <span className="inline-flex shrink-0 align-middle"><LockKeyholeIcon className="size-5" /></span> Şifremi Unuttum
- <span className="inline-flex shrink-0 align-middle"><LockOpenIcon className="size-5" /></span> Şifremi Kurtar
- <span className="inline-flex shrink-0 align-middle"><MailIcon className="size-5" /></span> Müşteri Mail Onaylama
- <span className="inline-flex shrink-0 align-middle"><ShoppingCartIcon className="size-5" /></span> Sepet Sayfası
- <span className="inline-flex shrink-0 align-middle"><BookOpenIcon className="size-5" /></span> Blog Anasayfa
- <span className="inline-flex shrink-0 align-middle"><BookIcon className="size-5" /></span> Blog Kategori Sayfası
- <span className="inline-flex shrink-0 align-middle"><BookOpenIcon className="size-5" /></span> Blog Yazı Sayfası
- <span className="inline-flex shrink-0 align-middle"><SearchXIcon className="size-5" /></span> Bulunamadı 404
- <span className="inline-flex shrink-0 align-middle"><AppWindowIcon className="size-5" /></span> Ödeme Sayfası
- <span className="inline-flex shrink-0 align-middle"><ZapIcon className="size-5" /></span> Özel Sayfa


<Callout type="info" title="Ödeme sayfası">
Ödeme Sayfası, ikas'ın hazırlamış olduğu özel bir bölümden oluşur. Bu sayfada yalnızca ilgili bölümün izin verdiği ayarlar üzerinden değişiklik yapılabilir; farklı bölüm veya bileşen eklenemez.
</Callout>

<Video src="/media/ikas-studio/content-and-design/pages-02.mp4" autoPlay muted loop controls caption="Ödeme sayfası örneği" />

## Kısıtlamalar

<Callout type="warning" title="Sayfa oluşturma kısıtlaması">
Ürün, Kategori, Marka ve Blog gibi veri bağımlı sayfa tiplerini ekleyebilmek için mağazanızda ilgili verilerin önceden tanımlı olması gerekir. Örneğin henüz hiç ürün eklenmemişse Ürün Sayfası oluşturamazsınız.
</Callout>

<Callout type="warning" title="Sayfa silme kısıtlaması">
Seçili ve aktif olan sayfa silinemez. Bir sayfayı silmek istiyorsanız önce başka bir sayfaya geçiş yapmanız gerekir.
</Callout>

## Özelleştirmeler

Bazı sayfa tipleri, farklı veriler için farklı görünümler oluşturmanıza olanak tanır. Aşağıdaki sayfa tiplerinde özelleştirmeler oluşturabilirsiniz:

- <span className="inline-flex shrink-0 align-middle"><ShoppingBagIcon className="size-5" /></span> **Ürün Sayfası**
- <span className="inline-flex shrink-0 align-middle"><LayersIcon className="size-5" /></span> **Kategori Sayfası**
- <span className="inline-flex shrink-0 align-middle"><AwardIcon className="size-5" /></span> **Marka Sayfası**
- <span className="inline-flex shrink-0 align-middle"><BookIcon className="size-5" /></span> **Blog Kategori Sayfası**
- <span className="inline-flex shrink-0 align-middle"><BookOpenIcon className="size-5" /></span> **Blog Yazı Sayfası**

Özelleştirmeler sayesinde aynı sayfa tipinde birden fazla tasarım varyasyonu tanımlayabilirsiniz. Her özelleştirme farklı bölümlere sahip olabilir. Örneğin belirli bir kategoriye özel bir sayfa tasarımı veya belirli bir ürüne özel bir sayfa tasarımı oluşturabilirsiniz.

<Video src="/media/ikas-studio/content-and-design/pages-03.mp4" autoPlay muted loop controls caption="Özelleştirmeler örneği" />