# Başlarken

Bu sayfada tema ayarlarını, yani mağazanızın tamamı için geçerli olan seçenekleri tek tek ele alıyoruz. Bu ayarları açmak için:

1. Shopify yönetim panelinde **Online Mağaza > Temalar** (Online Store > Themes) sayfasına gidin ve **Özelleştir**'i seçin.
2. Tema düzenleyicide **Tema ayarları**'nı açın (soldaki dikey menüdeki fırça veya dişli simgesi).

Ayarlar aşağıdaki başlıklar altında gruplanmıştır. Değişiklikler önizlemede hemen görünür; **Kaydet**'i seçtiğinizde mağazanıza uygulanır.

Tek bir bölüme ait ayarlar (örneğin bir banner'ın iç boşluğu) burada yer almaz. Onları [Bölümler](https://lintelagency.com/tr/destek/transom/bolumler.md) sayfasında bulabilirsiniz.

## Logo ve favicon

| Ayar | Ne işe yarar? |
|---|---|
| **Logo** | Üst bilgide görünen mağaza logonuz. Boş bırakırsanız üst bilgide mağaza adınız yazı olarak görünür. |
| **Logo genişliği** | Logonun piksel cinsinden genişliği; 40 ile 300 arası. Varsayılan değer 120'dir. Yükseklik görselinizin oranına göre ayarlanır; böylece hem yatay hem dikey logolar düzgün görünür. |
| **Favicon** | Tarayıcı sekmesindeki küçük simge. Kare bir PNG yükleyin; 32 x 32 piksel önerilir. |

İpucu: Arka planı şeffaf bir PNG ya da SVG tabanlı görsel kullanın; böylece logonuz hem açık hem koyu üst bilgilerde doğru görünür.

## Tipografi

| Ayar | Ne işe yarar? |
|---|---|
| **Başlık yazı tipi** | Başlıklarda kullanılan yazı tipi. |
| **Gövde yazı tipi** | Paragraflarda, düğmelerde ve menülerde kullanılan yazı tipi. |
| **Başlık boyutu** | Tüm başlıkları yüzde 80 ile 130 arasında büyütür veya küçültür. 100, hazır stilin standart boyutudur. |
| **Başlık harf biçimi** | **Varsayılan**, metni yazdığınız gibi bırakır. **Büyük harf**, tüm başlıkları büyük harfle gösterir. |
| **Etiket harf biçimi** | Aynı seçimi düğmeler, menü bağlantıları, alt başlıklar ve rozetler için yapar. Harf aralığı açılmış büyük harfli etiketler daha editoryal bir görünüm verir. |

Yazı tipleri Shopify'ın yazı tipi kitaplığından gelir; bu yüzden mağazanızda kullanım lisansları vardır ve hızlı yüklenirler. Kitaplıkta olmayan bir yazı tipini kullanmak isterseniz bir geliştiriciden eklemesini isteyebilirsiniz. Ayrıntılar: [Sık sorulan sorular](https://lintelagency.com/tr/destek/transom/sik-sorulan-sorular.md#yazı-tiplerini-nasıl-değiştiririm).

Tema, başlık ve gövde yazı tiplerinizi önceden yükler; böylece metin, sayfa açılırken bir anlığına farklı bir yazı tipiyle görünmez.

## Renkler

Renkler **renk şemaları** hâlinde düzenlenir. Renk şeması, adı olan bir renk takımıdır. Her bölümün kendi **Renk şeması** ayarı vardır; böylece bir bölümü açık, sonrakini koyu yapabilirsiniz.

Her hazır stilde dört şema bulunur:

- **Paper** (kâğıt): Ana açık arka plan.
- **Ink** (mürekkep): Açık renk metinli koyu arka plan.
- **White** (beyaz): Temiz, beyaz bir arka plan.
- **Signal** (sinyal): Kayan yazılar ve harekete geçirici mesajlar için iyi çalışan, canlı vurgu renginde bir arka plan.

Her şemada şu renkler bulunur:

| Renk | Nerede kullanılır? |
|---|---|
| **Arka plan** | Bölümün arka planı. |
| **Arka plan gradyanı** | Ayarlandığında arka plan rengi yerine kullanılır. |
| **Yüzey** | Arka planın üzerinde duran kartlar ve paneller. |
| **Metin** | Başlıklar ve gövde metni. |
| **Soluk metin** | Görsel açıklamaları ve notlar gibi ikincil metinler. |
| **Vurgu** | Bağlantılar, etkin durumlar ve öne çıkan öğeler. Arka planla en az 4,5:1 kontrast oranını koruyun. |
| **Düğme** | Ana düğmenin dolgu rengi. |
| **Düğme etiketi** | Ana düğmenin üzerindeki yazı. |
| **Kenarlık** | Çizgiler, çerçeveler ve ayırıcılar. |

Bir şemayı düzenlemek için tema ayarlarında **Renkler**'i açın, şemayı seçin ve renklerini değiştirin. Yeni şema eklemek için aynı paneldeki ekleme seçeneğini kullanın. Bir şemayı kullanmak için herhangi bir bölümü açın ve şemayı **Renk şeması** listesinden seçin.

İpucu: Metin ve arka plan için aralarında güçlü kontrast olan renkler seçin; oranın en az 4,5'e 1 olmasını hedefleyin. Düşük kontrastlı metin zor okunur ve satış kaybettirebilir. Tema, düşük kontrastlı bir renk çiftini sizin yerinize düzeltemez.

## Düzen

| Ayar | Ne işe yarar? |
|---|---|
| **Sayfa genişliği** | Sayfa içeriğinin büyük ekranlarda ulaşabileceği en fazla genişlik. **Dar**, **Standart** veya **Geniş**'i seçin. Varsayılan değer Standart'tır. |
| **Sayfa kenar boşluğu** | Sayfa içeriği ile ekran kenarı arasındaki boşluk; 12 ile 64 piksel arası. Varsayılan değer 20'dir. |
| **Konum yolunu göster** | Ürün, koleksiyon, blog ve sayfa içeriğinin üstünde Ana sayfa / Yaşam / Meşe tabure gibi bir konum yolu gösterir. Varsayılan olarak kapalıdır. |
| **Başa dön butonunu göster** | Bir ekran boyu kaydırıldıktan sonra köşede beliren ve sayfanın başına dönen küçük bir düğme. Varsayılan olarak açıktır. |

Arapça, İbranice, Farsça veya Urduca mağazalar otomatik olarak sağdan sola düzene geçer.

## Şekil

Bu ayarlar mağazanın genelinde köşelerin ne kadar yuvarlak olacağını belirler. Hepsini 0'a ayarlamak keskin, mimari bir görünüm verir. Daha yüksek değerler daha yumuşak bir his yaratır.

| Ayar | Aralık | Neyi kontrol eder? |
|---|---|---|
| **Düğme köşe yarıçapı** | 0–40 px | Düğmeler. |
| **Giriş alanı köşe yarıçapı** | 0–20 px | Metin alanları, açılır listeler ve adet kutuları. |
| **Kart köşe yarıçapı** | 0–32 px | Ürün kartları ve kart görünümlü diğer bloklar. |
| **Kenarlık kalınlığı** | 0–3 px | Çerçevelerin ve ayırıcıların kalınlığı. Kaldırmak için 0'a ayarlayın. |
| **Vurgu çizgisi kalınlığı** | 1–8 px | Bölüm başlıklarının altındaki, kartların üstündeki ve zaman çizelgeleri boyunca uzanan kalın çizgiler. Transom 4 px, Plinth 1 px, Mullion 2 px kullanır. |

## Ürün kartları

Bu ayarlar mağazadaki tüm ürün kartlarına uygulanır: koleksiyonlar, arama, öneriler ve sepet. **Öne çıkan koleksiyon** gibi kendi görsel oranı ayarı olan bölümler ise kendi ayarlarını kullanır.

| Ayar | Ne işe yarar? |
|---|---|
| **Görsel oranı** | **Kare**, **Dikey** (4:5) veya **Uzun** (3:4). Ürün fotoğraflarınızın çoğunun zaten sahip olduğu oranı seçin. |
| **Hizalama** | Ürün adını, puanı ve fiyatı sola ya da ortaya hizalar. |
| **Üzerine gelince ikinci görseli göster** | Müşteri imleci kartın üzerine getirdiğinde ürünün ikinci görseline geçer. |
| **Renk örneklerini göster** | Ürünün renk örneği olarak gösterilen ilk seçeneğindeki renkleri fiyatın altında gösterir. |
| **Ürün puanını göster** | Ürün adının altında yıldızları ve yorum sayısını gösterir. Yorum uygulamalarının yazdığı ürün puanı metafield'ını (`reviews.rating`) kullanır; bu yüzden yalnızca yorumu olan ürünlerde görünür. |

## Renk örnekleri

Renk seçenekleri ürün sayfalarında, paket oluşturucuda ve ürün kartlarında renk örneği olarak görünebilir.

1. **Önce Shopify renk örnekleri:** Shopify yönetim panelinde bir seçenek değerine renk veya görsel tanımladıysanız (Ürünler > ilgili ürün > ilgili seçenek), tema onu kullanır.
2. **Renk örneği olarak gösterilen seçenek adları:** Shopify'da renk örneği tanımlanmamış hangi seçeneklerin renk örneğine dönüşeceğini belirler, örneğin `Color, Colour, Finish`. Adları virgülle ayırın.
3. **Renk örneği stili:** **Renk**, rengi özel listenizden alarak çizer. **Varyant görseli**, her varyantın kendi fotoğrafını gösterir; giyim ürünleri için idealdir.
4. **Renk örneği şekli:** **Daire** veya **Kare**.
5. **Özel renkler:** Her satıra bir renk, `Ad: #hex` biçiminde yazın, örneğin `Lacivert: #1F3A5F`. Adlar, büyük/küçük harf farkı gözetilmeden seçenek değerleriyle eşleştirilir.

Temanın çizemediği bir değer normal, yazılı bir düğme olarak kalır.

## Hareket

| Ayar | Ne işe yarar? |
|---|---|
| **Kaydırırken içeriği yerine oturt** | Ziyaretçiler sayfayı kaydırdıkça içerik yükselerek yerine oturur. Cihazında hareketi azaltma tercihi açık olan ziyaretçiler için otomatik olarak kapanır. Varsayılan olarak açıktır. |

## Sepet

Bu ayarlar sepet deneyimini belirler ve çoğu [satış aracının](https://lintelagency.com/tr/destek/transom/satislari-artirin.md) temelini oluşturur.

### Sepet türü ve notlar

| Ayar | Ne işe yarar? |
|---|---|
| **Sepet türü** | **Çekmece**, yandan kayarak açılır. **Açılır pencere**, ekranın ortasında bir pencere olarak açılır. **Sayfa**, müşteri ürün ekledikten sonra onu tam sayfa sepete götürür. |
| **Sipariş notlarını etkinleştir** | Sepette "Siparişinize not ekleyin" alanını gösterir. Not, siparişle birlikte kaydedilir. |

Müşteri zaten sepet sayfasındayken ürün eklerse çekmece veya açılır pencere açılmaz, sayfa yenilenir.

### Sepet hedefleri

Müşterilere bir ödüle ne kadar yaklaştıklarını gösterir. Tutarlar mağazanızın para birimindedir. Her ödül, Shopify yönetim panelinde tanımladığınız gerçek bir otomatik indirimle veya kargo ücretiyle karşılanmalıdır; aksi hâlde müşteri ödülü alamaz.

| Ayar | Ne işe yarar? |
|---|---|
| **Sepet hedeflerini göster** | İlerleme çubuğunu açar veya kapatır. |
| **1. hedef tutarı** ve **1. hedef ödülü** | İlk eşik ve bu eşikte gösterilen metin, örneğin 500 ve "Ücretsiz kargo". |
| **2. hedef tutarı** ve **2. hedef ödülü** | İkinci eşik ve ödülü. |
| **3. hedef tutarı** ve **3. hedef ödülü** | İsteğe bağlı üçüncü eşik ve ödülü. |

Bir hedef yalnızca hem sıfırdan büyük bir tutarı hem de ödül metni olduğunda görünür. Karşılık gelen indirimleri nasıl kuracağınızı [Sepet hedefleri](https://lintelagency.com/tr/destek/transom/satislari-artirin.md#sepet-hedefleri) bölümünde bulabilirsiniz.

### Sepet önerileri

| Ayar | Ne işe yarar? |
|---|---|
| **Sepette ürün önerilerini göster** | Sepette kısa bir ürün listesi gösterir. |
| **Ürün kaynağı** | **Otomatik öneriler**, sepetteki ilk ürüne göre Shopify'ın önerilerini kullanır. **Koleksiyon**, seçtiğiniz bir koleksiyondaki ürünleri gösterir. |
| **Koleksiyon** | Kaynak **Koleksiyon** olduğunda kullanılacak koleksiyon. |
| **Başlık** | Listenin üstündeki başlık. |

### Hediye paketi

| Ayar | Ne işe yarar? |
|---|---|
| **Hediye paketi ürünü** | Bir hediye paketi ürünü oluşturup burada seçin. Müşteriler onu tek tıkla sepetlerine ekler. |

Hediye paketi gerçek bir üründür; bu yüzden gerçek bir fiyatı vardır ve stoğu takip edilebilir. Ürün tükendiyse veya seçilmediyse görünmez.

## Sosyal medya

Kullandığınız her hesabın tam web adresini (URL) ekleyin. Boş bıraktığınız hesaplar gösterilmez. Bağlantılar alt bilgideki **Sosyal medya** bloğunda görünür.

Desteklenen ağlar: **Facebook**, **Instagram**, **TikTok**, **X (Twitter)**, **Threads**, **YouTube**, **Pinterest**, **Snapchat**, **Tumblr** ve **Vimeo**.

## Tema ayarlarının dışında yapılan ayarlar

Mağaza genelindeki bazı öğeler tema ayarlarında yer almaz:

- **Menüler:** **İçerik > Menüler** (Content > Menus) altında düzenlenir. Varsayılan olarak üst bilgi "Main menu", alt bilgi "Footer" adlı menüyü kullanır. Üst bilgi ve alt bilgi bölümlerinde başka menüler seçebilirsiniz.
- **Diller:** **Ayarlar > Diller** (Settings > Languages) altından eklenir. Ayrıntılar: [Sık sorulan sorular](https://lintelagency.com/tr/destek/transom/sik-sorulan-sorular.md#transom-hangi-dilleri-destekliyor).
- **Ülkeler ve para birimleri:** **Ayarlar > Pazarlar** (Settings > Markets) altında ayarlanır. Üst bilgi ve alt bilgi, ikisi için de seçici gösterebilir.
- **Koleksiyon sayfalarındaki filtreler:** Ücretsiz Shopify Search and Discovery uygulamasında kurulur.
- **Ödeme:** **Ayarlar > Ödeme** (Settings > Checkout) altında özelleştirilir. Tema ayarları ödeme sayfasını değiştirmez.