Tema blokları ve Horizon: Shopify temasında kod yazmadan neler değişiyor?
Shopify Mayıs 2025'te tema blokları üzerine kurulu Horizon tema ailesini yayımladı. Bloklar artık iç içe yerleştirilebiliyor ve farklı bölümlerde yeniden kullanılabiliyor. Bu yapı mağaza sahibine ne kazandırıyor, sınırları nerede, Dawn gibi eski bir temadan geçmeye değer mi?
Shopify'da bir sayfa bölümlerden, bölümler de bloklardan oluşuyor. Ana sayfadaki bir tanıtım alanı bir bölüm; içindeki başlık, metin ve düğme birer blok. Eski temalarda hangi blokların hangi sırayla kullanılabileceğini bölümü yazan geliştirici belirliyordu. Mağaza sahibi blok ekleyip çıkarabiliyor, sırasını değiştirebiliyordu, ama bölümün izin vermediği bir düzeni kuramıyordu.
Shopify 21 Mayıs 2025'te Horizon adlı ücretsiz tema ailesini Theme Store'a ekledi. Horizon temaları “tema blokları” denen yapı üzerine kurulu ve Shopify bu yapıyı mağaza sahibine daha fazla esneklik veren yeni temel olarak tanıtıyor. Bu yazı tema bloklarının neyi değiştirdiğini, sınırlarını ve eski bir temadan Horizon'a geçerken nelerin yeniden kurulması gerektiğini anlatıyor.
Üç tür blok
Shopify'ın geliştirici belgeleri üç tür blok tanımlıyor:
Mağaza sahibi için fark iç içe yerleştirmede ortaya çıkıyor. Tema bloklarıyla kurulmuş bir temada bir grup bloğunun içine başlık, metin ve düğme koyup grubu bir görselin yanına taşımak ya da aynı grubu başka bir bölümde tekrar kullanmak tema düzenleyicide yapılabiliyor. Eski yapıda bu tür bir düzen değişikliği çoğu zaman geliştiricinin bölümü yeniden yazmasını gerektiriyordu.
Sabit bloklar: geliştiricinin koruduğu alanlar
Geliştirici bir bloğu “sabit” (statik) olarak tanımlayabiliyor; sabit blok kodda belirlenen yerde duruyor, mağaza sahibi onu gizleyebiliyor ama silemiyor. Ürün sayfasındaki fiyat ve sepete ekle düğmesi gibi sayfanın çalışması için gereken parçalar bu yolla yerinde tutulabiliyor.
Özel tema geliştirirken bu ayrımı bilinçli kullanıyoruz: kampanya alanları ve içerik blokları serbest, satın alma akışının parçaları sabit. Mağaza ekibi sayfaları düzenlerken sepete ekle düğmesini yanlışlıkla silemiyor.
Sınırlar
Esneklik bir de tasarım riski taşıyor. Her bölümde her şeyin yeri değiştirilebildiğinde sayfalar zamanla tutarsızlaşabiliyor; sayfadan sayfaya başlık boyutları ve düğme stilleri değişiyor. Temanın genel ayarlarındaki renk ve yazı tipi şemalarını kullanmak ve sık kullanılan düzenleri kaydetmek bunun önüne geçiyor.
Hazır bir temada neyin ayarlarla, neyin kodla değiştirilmesi gerektiğini ve özelleştirme borcunu ayrı bir yazıda anlattık.
Özelleştirme yazısıDawn'dan Horizon'a: bu bir güncelleme değil
Horizon, Dawn ya da başka bir temanın yeni sürümü olarak gelmiyor; ayrı bir tema. Geçiş, tema kütüphanesine yeni bir tema ekleyip onu yeniden kurmak demek. Shopify'ın belgesine göre ürünler, koleksiyonlar, menüler, sayfalar ve blog yazıları tema değişikliğinden etkilenmiyor, çünkü yönetici panelinde temadan ayrı tutuluyorlar. Şunlar ise her temaya özel ve yeni temada yeniden kurulması gerekiyor:
Uygulamalar da yeni temada kendiliğinden açılmıyor; Shopify'ın belgesine göre yayındaki temayı değiştirdiğinizde uygulama yerleştirmelerini ve bloklarını yeni temada yeniden etkinleştirmeniz gerekiyor.
Geçmeye değer mi?
Bizim değerlendirmemiz mağazanın durumuna göre değişiyor. Geçişi şu durumlarda mantıklı buluyoruz:
Geçişi şu durumlarda ertelemenizi öneriyoruz: mevcut tema iyi çalışıyor, satış ve hız verileri sağlıklı ve yakın zamanda yoğun bir kampanya dönemi var. Tema değişikliği tüm şablonların yeniden kurulması demek; kasım kampanyalarından hemen önce yapılacak bir iş değil.
Hazır tema ile özel tema arasında karar verirken bakılması gerekenleri ayrı bir yazıda anlattık.
Tema kararı yazısıGeçiş adımları
Mevcut temanızın bölümlerini çıkarıyor, Horizon ya da özel bir tema bloğu yapısında yeniden kuruyor ve uygulama yığınınızı bu sırada temizliyoruz. Mevcut temanız işinizi görüyorsa bunu da açıkça söyleriz.
Tema geliştirmeYapmanıza gerek olmayanlar
Kaynaklar
- Shopify Changelog, Horizon: 10 new free themes by Shopify (21 Mayıs 2025; tema bloklarıyla kurulu ücretsiz tema ailesi)
- Shopify News, Summer '25 Edition tasarım duyurusu: tema bloklarıyla kurulu Horizon; on tasarım ön ayarı; yapay zekâ destekli düzenleme araçları
- Shopify geliştirici belgeleri, Blocks: tema, bölüm ve uygulama blokları; bölüm bloklarının tek seviyeli olması; temada en fazla 300 tema bloğu; aynı bölümde birlikte kullanılamama; sabit blokların gizlenebilmesi ama silinememesi
- Shopify geliştirici belgeleri, Theme blocks: blocks klasörü; bölümler arasında yeniden kullanım; tema ve uygulama bloklarını iç içe alabilme
- Shopify geliştirici belgeleri, JSON templates: şablon başına en fazla 25 bölüm, bölüm başına en fazla 50 blok
- Shopify Yardım Merkezi, Tema eklemek ve değiştirmek: değişmeyen içerikler ve her temaya özel ayarlar, metinler, kod özelleştirmeleri ve şablonlar
- Shopify Yardım Merkezi, Temalarda uygulamalar: tema değiştirildiğinde uygulamaların yeni temada yeniden etkinleştirilmesi
