Başlarken · Transom kılavuzu

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:

Shopify yönetim panelinde Online Mağaza > Temalar (Online Store > Themes) sayfasına gidin ve Özelleştir'i seçin.
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 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.

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.

Ö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.
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.
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.
Renk örneği şekli: Daire veya Kare.
Ö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 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 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.
Ü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.