Blog içeriği
July 3, 2024

Shopify Tema Kurulum & Destek

Shopify tema kurulumunda Online Store 2.0 mimarisi, section/block yapısı, hazır vs özel tema kararı ve performans denetimi.

Shopify tema kurulumu, Online Store 2.0 uyumlu bir tema seçmekle başlar: ücretsiz Dawn ve türevleri, Theme Store'dan ücretli bir tema ya da özel tema geliştirme. Tema kurulduktan sonra özelleştirmenin büyük bölümü section ayarlarından kod yazmadan yapılır; Liquid seviyesindeki değişiklikler versiyon kontrolüyle korunur ve aktif app'lerin sayfa hızına etkisi denetlenir.

Shopify Tema Kurulumu ve Desteği: Online Store 2.0 Mimarisiyle Doğru Kurgu

Shopify tema kurulumunda yapılan en yaygın hata, temayı "hazır bir tasarım şablonu" gibi görüp Online Store 2.0 mimarisinin sunduğu esnekliği kullanmamaktır. 2021'den itibaren Shopify'ın standart hale getirdiği bu mimari, temanın nasıl kurulup özelleştirileceğini kökten değiştirdi; doğru kurulum, bu mimariyi anlamakla başlar.

Online Store 2.0: JSON Şablonlar ve Section/Block Yapısı

Eski Shopify temaları (Vintage/1.0 dönemi), sayfa düzenini `theme.liquid` içinde sabit kod olarak tutardı; bir bölümün yerini değiştirmek geliştirici müdahalesi gerektiriyordu. Online Store 2.0 ile birlikte sayfalar JSON şablonlara (`.json`) ve bunların içinde sürükle-bırak ile yeniden sıralanabilen section/block yapısına döndü. Bu, mağaza sahibinin kod bilmeden sayfa düzenini değiştirebilmesini sağlar; ancak temanın bu mimariyi tam desteklemesi gerekir.

Shopify tema editöründe ürün sayfası section'ına kod yazmadan uygulama bloğu ekleme penceresi
ÖzellikEski Mimari (Vintage)Online Store 2.0
Sayfa düzenitheme.liquid içinde sabit kodJSON şablon + section/block, sürükle-bırak
App entegrasyonuGeliştirici kodla entegre ederApp block olarak kod yazmadan eklenir
Herhangi sayfaya section eklemeSınırlı, şablona bağlıTüm sayfa tiplerinde mümkün
Tema güncellemesi sonrası özelleştirme kaybı riskiYüksekDüşük (özelleştirmeler section ayarlarında tutulur)
Kritik Not: Hala Vintage mimarisinde çalışan bir tema kullanıyorsanız, yeni nesil app'lerin çoğu (özellikle app block gerektiren kişiselleştirme/ürün önerisi uygulamaları) düzgün çalışmaz veya ek geliştirme gerektirir. Tema seçimi yaparken Online Store 2.0 uyumluluğunu doğrulamak ilk adım olmalıdır.

Hazır Tema mı, Özel Geliştirme mi?

Karar, kataloğun karmaşıklığına ve marka kimliğinin ne kadar özgün bir deneyim gerektirdiğine bağlıdır; çoğu mağaza için hazır bir tema yeterliyken, yüksek trafikli veya marka deneyimi kritik mağazalarda özel geliştirme gerekli hale gelir. Sektörünüze uygun hazır temayı birkaç soruda daraltmak için Shopify Tema Bulucu aracını kullanabilirsiniz.

SeçenekNe Zaman UygunSınır
Ücretsiz tema (Dawn ve türevleri)Yeni mağaza, standart katalogÖzelleştirme seçenekleri sınırlı
Shopify Theme Store'dan ücretli temaBelirli bir sektöre özel hazır bileşenler gereken mağazalarGeliştiricisinin güncelleme sıklığına bağımlılık
Özel (custom) tema geliştirmeMarka kimliği hazır temalarla karşılanamayan, yüksek trafikli mağazalarGeliştirme süresi ve maliyeti daha yüksek

Ücretli bir Theme Store teması seçildiğinde, temanın geliştiricisinin güncelleme sıklığı ve destek kalitesi de değerlendirilmelidir; terk edilmiş bir tema, Shopify'ın yeni özellikleriyle (örneğin Checkout Extensibility veya yeni section tipleri) uyumsuz kalabilir.

Kurulum Sonrası Özelleştirme: Nereye Kadar Dokunulmalı?

Online Store 2.0'da özelleştirmenin büyük bölümü section ayarlarından, kod dokunmadan yapılabilir; ancak marka kimliğine özgü bir görsel dil veya standart section'ların karşılamadığı bir işlevsellik gerektiğinde Liquid seviyesinde özel kod gerekir.

Liquid seviyesinde yapılan özelleştirmelerde dikkat edilmesi gereken teknik nokta şudur: tema geliştiricisi yeni bir sürüm yayınladığında, doğrudan tema dosyalarına yazılmış özel kod bu güncellemeyle üzerine yazılabilir. Bunun önüne geçmenin standart yolu, özelleştirmeleri ayrı bir "child" section veya app block olarak izole etmek ve tema güncellemelerini bir versiyon kontrol sistemi (Shopify GitHub entegrasyonu) üzerinden takip etmektir.

Uzak Durulması Gereken Risk: Tema dosyalarına doğrudan yazılan özel kodu hiçbir versiyon kaydı tutmadan yapmak, bir sonraki tema güncellemesinde bu özelleştirmelerin sessizce kaybolmasına yol açabilir. Shopify CLI + GitHub entegrasyonu ile çalışmak, değişiklik geçmişini korur ve güncelleme sonrası hangi kodun etkilendiğini görünür kılar.

Tema Performansı ve Core Web Vitals

Tema seçimi, doğrudan Core Web Vitals metriklerini (LCP, CLS, INP) etkiler; ağır bir tema veya çok sayıda app'in enjekte ettiği script, sayfa yükleme hızını düşürür ve bu durum hem kullanıcı deneyimini hem SEO performansını etkiler.

Pratikte en sık karşılaşılan performans sorunu, her biri kendi JavaScript dosyasını yükleyen çok sayıda app'in aynı temada birikmesidir. Kurulum aşamasında hangi app'lerin gerçekten aktif kullanıldığının denetlenmesi, tema seçiminden bağımsız olarak performansı doğrudan iyileştirir.

Nodus Works ile Tema Kurulumu ve Destek Süreci

Tema kurulumu projelerinde izlediğimiz süreç şu adımlardan oluşur:

  • Online Store 2.0 uyumluluk kontrolü: Seçilen veya mevcut temanın section/block mimarisini tam destekleyip desteklemediğini doğruluyoruz.
  • Kurulum ve marka özelleştirmesi: Section ayarlarıyla mümkün olan özelleştirmeleri kod yazmadan, gerekli olanları Liquid seviyesinde yapıyoruz.
  • Versiyon kontrolü: Özel kod değişikliklerini GitHub entegrasyonu üzerinden takip edilebilir hale getiriyoruz.
  • Performans denetimi: Aktif app'lerin sayfa hızına etkisini ölçüp gereksiz script yükünü azaltıyoruz.

Kurulum tek seferlik bir iştir; kurulum sonrası güncelleme, hata müdahalesi ve performans takibi için Shopify teknik destek ve bakım hizmetimiz aylık planla devreye girer.

SSS

Online Store 2.0 nedir, eski temalardan farkı ne? Online Store 2.0, sayfa düzenini JSON şablon ve section/block yapısıyla yöneten mimaridir; kod bilmeden sürükle-bırak özelleştirme ve app block desteği sunar. Eski (Vintage) temalarda bu esneklik yoktur.

Hazır tema mı özel geliştirme mi seçmeliyim? Standart katalog ve orta trafikli mağazalar için hazır bir Online Store 2.0 uyumlu tema genellikle yeterlidir. Marka kimliği hazır temalarla karşılanamıyorsa veya yüksek trafik varsa özel geliştirme değerlendirilmelidir.

Tema güncellemesi özelleştirmelerimi siler mi? Doğrudan tema dosyalarına yazılmış özel kod, geliştiricinin yayınladığı güncellemeyle üzerine yazılabilir. Bu riski azaltmak için özelleştirmeleri versiyon kontrolü altında takip etmek gerekir.

Çok fazla app kurmak tema performansını etkiler mi? Evet. Her app genellikle kendi JavaScript dosyasını yükler; aktif kullanılmayan app'lerin kaldırılması sayfa hızını doğrudan iyileştirir.

Tema kurulumu ile teknik destek aynı hizmet mi? Hayır. Kurulum tek seferlik bir projedir; güncelleme, hata müdahalesi ve performans takibi ise sürekli bir teknik destek/bakım hizmeti gerektirir.

Sonuç

Shopify tema kurulumunun temelinde Online Store 2.0 mimarisini doğru kullanmak yatar: section/block yapısıyla kod yazmadan yapılabilecek özelleştirmeleri ayırt etmek, Liquid seviyesindeki değişiklikleri versiyon kontrolüyle korumak ve app yükünü performans açısından denetlemek. Mağazanız için doğru tema stratejisini birlikte kurmak isterseniz Nodus Works ile iletişime geçin.