Metehan Yılmaz
Shopify teması, mağazanızın sayfa düzenini, görsel stilini ve ziyaretçinin ürünlerle nasıl etkileşime girdiğini belirleyen yapıdır. Tema seçerken ana sayfa demosu kadar ürün sayfasına, mobil menüye, filtrelere ve ekibinizin içerikleri nasıl değiştireceğine bakmanız gerekir. Mağazanıza uygun tema, önemli ihtiyaçlarınızı az sayıda ek uygulama ve sürdürülebilir bir düzenleme süreciyle karşılayan temadır.
Bu rehberde tema seçimini, Shopify tema düzenleyicisini, şablon–bölüm–blok ayrımını ve güvenli yayın sürecini ele alıyoruz. Kendi sitemizin Hizmetlerimiz sayfasını nasıl özelleştirdiğimizi de somut bir örnek olarak anlatıyoruz. Platforma yeni başlıyorsanız önce Shopify nedir ve mağaza nasıl açılır? rehberini okuyabilirsiniz.
Shopify teması neyi değiştirir, neyi değiştirmez?
Ürün açıklamasının nerede göründüğü, görsel galerisinin yerleşimi, koleksiyon kartları, sayfa başlıkları ve menü tasarımı temanın çalışma alanıdır. Tema, Shopify yönetiminde tuttuğunuz içerikleri ziyaretçiye sunar. Ürün kaydı ile o ürünü gösteren sayfanın tasarımı bu nedenle ayrı şeylerdir.
Örneğin ürünün açıklamasını ürün kaydından değiştirmek başka, açıklamayı sayfada açılır bir bölümde göstermek başkadır. İlk işlem içerikle, ikincisi temanın sunduğu düzenle ilgilidir. Benzer şekilde bir uygulamanın mağazada kurulu olması, yeni temada ilgili uygulama bloğunun görünür olduğu anlamına gelmez.
Ödeme sayfasının özelleştirmelerini de mağaza temasının bütününe eşitlemeyin. Ürün sayfasında yapılabilen bir düzenleme, ödeme adımında aynı yöntemle uygulanmayabilir. Tema satın almadan önce ihtiyacınızın hangi sayfada ve hangi araçla karşılandığını netleştirin.
Shopify teması nasıl seçilir?
Önce mağazanızın ihtiyaçlarını bir sayfaya yazın. Kaç farklı ürün türünüz var? Ziyaretçi beden, renk veya teknik özellik karşılaştırıyor mu? Ürünü anlatmak için video, ölçü tablosu veya detaylı bir kullanım bölümü gerekiyor mu? Ekibiniz kampanyaları kendisi değiştirecek mi? Bu soruların yanıtları tema demosundan daha kullanışlı bir seçim çerçevesi oluşturur.
İki veya üç adayı aynı içerikle değerlendirin. Bir temada profesyonel demo fotoğrafları, diğerinde henüz hazırlanmamış ürün görselleri kullanırsanız tasarım kalitesiyle içerik kalitesini karıştırırsınız. Uzun başlıklı, çok varyantlı ve stokta olmayan birer ürün seçerek uç durumları da görün.
| Kontrol | Nasıl denemeli? | Kararı etkileyen sonuç |
|---|---|---|
| Mobil ürün sayfası | Gerçek telefonda görsel, fiyat ve varyant seçimini deneyin. | Satın alma için gerekli bilgiler kolay bulunuyor mu? |
| Katalog ve gezinme | Gerçek kategorilerinizi menüye ve koleksiyona yerleştirin. | Ziyaretçi aradığı ürüne anlaşılır bir yoldan ulaşabiliyor mu? |
| İçerik yönetimi | Yeni kampanya bölümü ekleyin; sırasını değiştirin. | Rutin iş için sürekli geliştirici gerekiyor mu? |
| Gerekli özellikler | Özellikleri “temada var / uygulama / özel geliştirme” diye ayırın. | Satın alma sonrası maliyet görünür mü? |
| Hız | Aynı görseller ve benzer uygulama koşullarıyla ölçün. | Fark temadan mı, yüklenen içerikten mi geliyor? |
| Bakım | Geliştiricinin belgelerini, destek kapsamını ve sürüm notlarını okuyun. | Değişiklikleri ileride kim yönetecek? |
Ücretsiz tema mı, ücretli tema mı?
Ücretsiz bir tema ihtiyaçlarınızı karşılıyorsa ücretli temaya geçmek zorunda değilsiniz. Ücretli bir tema ise gerçekten kullanacağınız özellikleri hazır sunuyorsa özel geliştirme ihtiyacını azaltabilir. “Ücretli olduğu için daha hızlıdır” veya “ücretsiz olduğu için dönüşüm getirmez” gibi varsayımlar seçim için yeterli değildir.
Toplam maliyeti tema bedeli, kurulum, gerekli uygulamalar, özel geliştirme ve bakım olarak düşünün. Uygulama lisansları tekrarlayan bir gider oluşturabilir; özel geliştirme ise güncelleme sırasında ek kontrol gerektirebilir. Kullanmayacağınız özelliklerin uzun listesi yerine, sizin mağazanızdaki iş yüküne bakın.
Shopify Theme Store’daki ücretli temaları satın almadan önce tema düzenleyicisinde deneyebilirsiniz; yayınlamak için satın almak gerekir. Deneme sürümünde tema kodunu düzenleyemezsiniz. Lisansın satın alınan mağazaya bağlı olduğunu da hesaba katın. Bu ayrıntılar Shopify’ın tema ekleme ve satın alma belgesinde açıklanıyor.
Hangi Shopify teması en iyisi?
Tek ürün satan bir marka ile geniş teknik kataloğu bulunan bir işletmenin gereksinimleri aynı değildir. İlkinde ürün anlatımı ve satın alma akışı, ikincisinde kategori yapısı ve ürün bulma deneyimi daha fazla ağırlık taşıyabilir. Dawn veya başka bir temanın adını tek başına kalite garantisi gibi kullanmayın; sürümünü ve ihtiyacınız olan özelliklerin gerçekten bulunduğunu kontrol edin.
Bu yüzden bir “en iyi temalar” sıralaması yerine, her aday için kısa bir karar notu hazırlayın: Neyi hazır karşılıyor? Nerede uygulama gerekiyor? Hangi düzenleme özel geliştirme istiyor? Hangi nedenle eliyoruz? Tema değişikliği sonradan tartışıldığında bu notlar kararınızı açıklamanızı kolaylaştırır.
Şablon, bölüm ve blok arasındaki fark
Shopify tema düzenleyicisinde çalışırken üç kavramı ayırmak gerekir. Şablon, bir sayfa türünün düzenini belirler. Bölüm, o düzene eklenen daha büyük içerik parçasıdır. Blok ise bölümün içindeki daha küçük parçadır. Kullanılabilir seçenekler temaya ve bölümün nasıl geliştirildiğine bağlıdır.
Örneğin bir ürün şablonunda ürün bilgileri bölümü bulunabilir. Bu bölümün içinde başlık, fiyat ve satın alma düğmeleri yer alabilir. Her temada aynı bloklar veya aynı serbestlik bulunmaz. Bir demoda gördüğünüz yerleşimin bütün temalarda sürükle-bırak ile kurulabileceğini varsaymayın.
Shopify tema mimarisinde JSON şablonları bölümlerin düzenini taşır; Liquid dosyaları sayfanın oluşturulmasına katılır. Mağaza sahibi açısından önemli ayrım şudur: Aynı şablonu kullanan ürünler farklı ürün verilerini gösterebilir, fakat ortak yerleşim değişikliğini birlikte alabilir.
Yalnız bir sayfayı değiştirmek istiyorsanız
Varsayılan ürün şablonuna bir kampanya metni eklediğinizi düşünün. Bu metni yalnız seçili üründe göstermeyi beklerken, aynı şablonu kullanan diğer ürünlerde de görebilirsiniz. Tema düzenleyicisinde bir ürünü önizlemek, o şablonu otomatik olarak yalnız o ürüne özel hale getirmez.
İhtiyaca göre alternatif bir şablon oluşturun ve ilgili içeriğe atayın. Yayın öncesinde hem seçili sayfayı hem varsayılan şablonda kalması gereken bir kontrol sayfasını açın. Ürün açıklaması gibi içerik alanlarını değiştirmek ile şablon düzenini değiştirmek arasındaki farkı bu karşılaştırmada görürsünüz.
Shopify tema düzenleme: nereden başlamalı?
Shopify yönetiminde Online Mağaza bölümünden temalara ulaşın. İşlem yaptığınız temanın adını ve yayın durumunu kontrol ederek düzenleyiciyi açın. Arayüz dili ve sürümüne göre düğme adları değişebilir; amaç, canlı temayla üzerinde çalıştığınız kopyayı birbirinden ayırmaktır.
- Önce bir sayfa türü seçin. Ana sayfa, ürün, koleksiyon veya standart sayfa üzerinde çalıştığınızı belirleyin.
- Hangi şablonu düzenlediğinizi kontrol edin. Değişikliğin tek sayfaya mı, ortak bir şablona mı ait olduğunu not edin.
- Mevcut bölümlerle başlayın. İçerik ekleyin, sıralamayı değiştirin ve gereksiz bölümleri kaldırın.
- Genel ayarları ayrı ele alın. Yazı tipi, renk ve düğme gibi ortak ayarlardan sonra farklı sayfa türlerini kontrol edin.
- Mobil görünümü erken inceleyin. Uzun başlıklar, dar düğmeler ve görsel kırpılmaları sona bırakılmamalı.
- Bir seferde tek sorunu çözün. Menü, yazı tipi ve ürün düzenini aynı anda değiştirirseniz sorun çıktığında nedenini ayırmak zorlaşır.
Ne zaman CSS veya Liquid gerekir?
İstenen değişiklik tema düzenleyicisinde karşılanıyorsa önce o seçeneği kullanın. Bir boşluk veya renk düzenlemesi için yeni uygulama kurmak gereksiz olabilir. Buna karşılık olmayan bir işlevi yalnız CSS ile eklemeye çalışmak da doğru yaklaşım değildir.
| İhtiyaç | Önce bakılacak yer | Dikkat |
|---|---|---|
| Bölüm sırası, görsel, düğme metni | Tema düzenleyicisi | Seçenek temanın sunduğu ayarlara bağlıdır. |
| Dar bir görsel stil değişikliği | Mevcut ayar veya destekleniyorsa özel CSS | Diğer sayfalara yayılan genel seçicilerden kaçının. |
| Yeni sayfa yerleşimi veya içerik bileşeni | Alternatif şablon ve gerekirse özel bölüm | Bakımı ve içerik düzenleme yöntemi birlikte tasarlanmalı. |
| Yeni etkileşim veya dış hizmet bağlantısı | Uygun uygulama veya geliştirme | Yalnız görünümü değil hata ve erişim durumlarını da test edin. |
Liquid, Shopify verilerini sayfada göstermek için kullanılan şablon dilidir; CSS görünümü, JavaScript tarayıcıdaki etkileşimleri düzenler. Bir örneği kopyalarken hangi dosyada ve hangi içerik bağlamında çalıştığını bilmeniz gerekir. Ürün sayfası için yazılmış bir parça, standart sayfada aynı veriye erişmeyebilir.
Bir geliştiriciyle çalışıyorsanız yalnız bitmiş ekranı istemeyin. Değişen dosyaları, metinlerin nereden düzenleneceğini, hangi sayfaların etkilendiğini ve geri dönüş yöntemini de teslim kapsamına ekleyin. Böylece küçük bir kampanya değişikliğinin sürekli teknik iş haline gelmesini önlersiniz.
Canlı siteyi etkilemeden nasıl çalışılır?
Görsel ve kod değişikliklerini önce yayımlanmamış bir tema kopyasında hazırlamak, sonucu incelemenize ve önceki sürümü korumanıza yardımcı olur. Kopyayı anlamlı bir adla kaydedin: örneğin “Tema düzenlemesi – 2 Kasım”. Ancak kopyanın sınırını doğru anlayın.
Tema kopyası ayrı bir mağaza değildir. Yönetimdeki ürün, koleksiyon, sayfa ve menü gibi kayıtlar tema kopyasıyla bağımsız bir veri setine dönüşmez. Ürün açıklamasını veya ortak bir menüyü değiştirirseniz bunun canlı temadaki görünümünü de kontrol etmeniz gerekir. Tema dosyalarını indirmek de ürünlerinizin ve siparişlerinizin tam yedeği değildir.
Çalışma öncesinde üç şeyi ayrı kaydedin: tema dosyaları, değiştireceğiniz içerik/ayarlar ve bunların mevcut atamaları. Yalnız bir sayfanın şablonunu değiştirecekseniz eski atamayı not etmek geri dönüşü kolaylaştırır. Hangi kayıtların tema dışında tutulduğunu bilmiyorsanız denemeyi canlı veriler üzerinde yapmayın.
Kendi sitemizden örnek: Hizmetlerimiz sayfası
2 Kasım 2026’da Hizmetlerimiz sayfasını altı hizmet satırından oluşan bir dizin düzenine geçirdik. Site Shopify üzerinde çalışıyor ancak bu sayfa bir ürün satışı ekranı değil, hizmet sunum sayfası. Örneğin kapsamı da sayfa tasarımı ve tema bağlantısıyla sınırlı.
Başlangıçta önemli bir ayrıntı vardı: Görünen tasarım, sayfa düzenleyicisindeki metinden değil, tema içindeki özel bir parçadan geliyordu. Bu nedenle yalnız sayfa gövdesini değiştirmek istediğimiz sonucu vermiyordu. Önce hangi şablonun hangi bölümü çağırdığını belirledik.
Çözümde üç dosya kullandık: sayfanın bölüm dosyası services-directory.liquid, görünümünü tanımlayan services-directory.css ve bu bölümü sayfaya bağlayan page.services-directory.json. Ardından ilgili sayfaya yeni şablon atandı. Adres, arama başlığı ve canonical korunurken ana içerik düzeni değişti.
1440, 768, 390 ve 320 piksel genişliklerde görünümü; altı hizmet bağlantısını ve mobil menüyü kontrol ettik. Önceki şablon ataması geri dönüş için kaydedildi. Bu çalışma için ölçülmüş bir satış veya dönüşüm artışı iddia etmiyoruz; doğruladığımız sonuç, sayfanın çalışması ve farklı ekranlara uyumuydu.
Bu özel bölümde içerikler kod içinde tutuluyor. Dolayısıyla bunu “bütün metinleri panelden değiştirilebilir” bir bölüm diye sunmuyoruz. Aynı yapıyı düzenli içerik girecek bir mağaza ekibine hazırlasaydık, ihtiyaç duyulan metin ve bağlantıları düzenleyici ayarlarına açmayı da kapsamın parçası yapardık.
Tema değişikliğinde hız ve SEO nasıl korunur?
Tema seçimi tek başına hız sonucu belirlemez. Yüklediğiniz görseller, uygulamalar, yazı tipleri ve üçüncü taraf betikleri de deneyimi etkiler. Aynı temayı farklı iki mağazada aynı hızda görmemeniz bu nedenle şaşırtıcı değildir.
Önce ana sayfa, önemli bir koleksiyon ve ürün sayfası için başlangıç ölçümleri alın. Yeni temayı aynı içerik ve benzer koşullarla karşılaştırın. Tek bir hız puanıyla karar vermek yerine birkaç ölçüm yapın; sayfanın açılmasını ve satın alma akışını da deneyin. Laboratuvar ölçümü ile gerçek kullanıcı verisini ayrı değerlendirin.
Shopify’ın tema performansı önerileri görselleri, JavaScript’i, CSS ve yazı tiplerini birlikte ele alır. Örneğin bütün görselleri gecikmeli yüklemek doğru değildir: ilk ekranda gerekli görseli de geciktirebilirsiniz. Kullanılmayan büyük uygulamalar ekleyip ardından yalnız görsel sıkıştırmadan sonuç beklemeyin.
SEO kontrolünde URL’leri, title ve açıklamaları, canonical etiketini, ana başlığı ve önemli iç bağlantıları karşılaştırın. Tasarım değişti diye ürün adreslerini değiştirmek gerekmez. Yapılandırılmış verinin hem tema hem uygulama tarafından tekrar üretilip üretilmediğine de bakın. Ayrıntılı teknik kontrol için Shopify SEO rehberini, ölçüm yaklaşımı için site hızı rehberini kullanabilirsiniz.
Yayın öncesi kontrol listesi
Önizlemenin güzel görünmesi yayın kontrolünün yalnız bir kısmıdır. Aşağıdaki listeyi mağazanızın önemli sayfalarında uygulayın; her satır için sonucu ve varsa sorunu kaydedin.
| Alan | Kontrol |
|---|---|
| Gezinme | Masaüstü ve mobil menü, logo bağlantısı, arama, koleksiyon bağlantıları. |
| Ürün | Varyant seçimi, fiyat, stok durumu, görseller, uzun başlık ve açıklama. |
| Satın alma | Sepete ekleme, adet değiştirme, sepet ve ödeme adımına geçiş; uygun test düzeninde sipariş akışı. |
| İçerik | Blog, standart sayfalar, kampanya alanları ve alternatif şablon atamaları. |
| Uygulamalar | Yorumlar, formlar, abonelik veya diğer gerekli bloklar ve uygulama yerleştirmeleri. |
| Ölçüm | Analitik olaylarının beklenen biçimde çalışması, çift sayım ve izin tercihleri. |
| SEO | URL, başlık, canonical, indeks direktifleri, şema ve iç bağlantılar. |
| Erişilebilirlik | Klavye kullanımı, görünür odak, okunaklı metin, form etiketleri ve hata mesajları. |
| Geri dönüş | Önceki tema, içerik değişiklikleri ve şablon atamalarının kaydı. |
Yayın sırasında kontrolü kimin yapacağını ve hangi durumda geri dönüleceğini önceden belirleyin. Sepete ekleme çalışmıyorsa veya kritik bir form gönderilemiyorsa, küçük görsel ayrıntılardan önce bu işlevi düzeltin. Yayından sonra önizleme bağlantısını değil gerçek mağaza adresini açarak tekrar kontrol edin.
Tema güncelleme ve eski sürüme dönüş
Tema güncellemesini yeniden kontrol gerektirmeyen bir düğme işlemi gibi düşünmeyin. Shopify’ın güncelleme açıklamasına göre düzenleyici üzerinden yapılan özelleştirmeler güncel kopyaya taşınır; kod değişiklikleri ise güncellemeyle çakışmıyorsa dahil edilebilir. Sonuç mesajını ve gerçek sayfaları inceleyin.
Özellikle özel CSS, uygulama bileşenleri ve eklenmiş bölümleri tekrar test edin. Bir CSS kuralının hedeflediği sınıf yeni sürümde değişmişse dosya durmasına rağmen beklenen görünüm oluşmayabilir. Eski sürümü saklamak, yeni sürümdeki sorunu karşılaştırmanıza yardımcı olur.
Yeni bir tema yayınlandığında önceki tema taslaklar arasında kalır. Ancak eski temayı tekrar yayınlamak, bu sırada değiştirdiğiniz ürün açıklamalarını, menü kayıtlarını veya diğer mağaza verilerini otomatik olarak eski haline getirmez. Geri dönüş planınız tema ve veri değişikliklerini ayrı ele almalıdır.
Shopify temaları hakkında sık sorulan sorular
Shopify teması kod yazmadan düzenlenebilir mi?
Evet. Temanın sunduğu ayarlarla görseller, metinler, bölümler ve bazı yerleşimler düzenlenebilir. Editörde bulunmayan bir tasarım veya işlev için geliştirme gerekebilir.
Tema değiştirince ürünler silinir mi?
Tema değişikliği ürün kayıtlarını silmez. Ancak yeni temanın ürünleri nasıl gösterdiğini, uygulama bloklarını ve sayfa şablonlarını kontrol etmelisiniz. Tema dışındaki verileri ayrıca değiştirdiyseniz bunların etkisi devam eder.
Bir sayfayı değiştirince neden diğer sayfalar da değişiyor?
Ortak şablonu düzenliyor olabilirsiniz. Yalnız bir sayfaya farklı düzen istiyorsanız alternatif şablon oluşturma ve doğru içeriğe atama yaklaşımını değerlendirin.
Ücretli Shopify temasını satın almadan deneyebilir miyim?
Theme Store temalarını düzenleyicide deneyebilirsiniz. Yayınlamak için satın almanız gerekir; deneme aşamasında kod düzenleme erişimi bulunmaz.
Tema yedeği bütün mağazayı kapsar mı?
Hayır. Tema dosyalarıyla ürün, sipariş ve diğer mağaza kayıtlarını aynı yedek gibi değerlendirmeyin. Değiştireceğiniz veri ve ayarları ayrıca kaydedin.
Tema düzenlemesi SEO’yu etkiler mi?
Etkileyebilir. Başlık yapısı, içerik görünürlüğü, canonical, iç bağlantılar ve performans değişebilir. Yayın öncesi ve sonrası aynı önemli URL’leri karşılaştırın.
Mağazanız için doğru başlangıç
Önce mevcut temanın hangi ihtiyacı karşılamadığını yazın. Sorun içerik yerleşimiyse bir bölüm düzenlemesi yeterli olabilir; temel işlevler veya bakım yapısı yetersizse tema değişikliği değerlendirilebilir. İhtiyacı netleştirmek, gereksiz satın alma ve yeniden geliştirme işini azaltır.
Mevcut temanızı değerlendirmek, belirli sayfaları özelleştirmek veya tema geçişini planlamak için Shopify geliştirme ve danışmanlık hizmetimizi inceleyebilirsiniz.
