dotCREA
TREN
Tema & Tasarım

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:

Tema blokları: temanın blocks klasöründe ayrı dosyalar olarak duruyor ve temanın birden fazla bölümünde yeniden kullanılabiliyor. Başka tema bloklarını ve uygulama bloklarını içlerine alabiliyorlar, yani iç içe yerleştirilebiliyorlar.
Bölüm blokları: bölümün kendi dosyasında tanımlanıyor ve yalnızca o bölümde kullanılabiliyor. Tek seviyeli; iç içe yerleştirilemiyor.
Uygulama blokları: mağazaya kurulan uygulamaların sağladığı bloklar.

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

Bir JSON şablonunda en fazla 25 bölüm ve her bölümde en fazla 50 blok kullanılabiliyor.
Bir tema en fazla 300 tema bloğu içerebiliyor.
Aynı bölümde tema blokları ile bölüm blokları şu an birlikte kullanılamıyor. Eski bir temaya tema bloğu eklemek isteyen geliştirici bölümü baştan bu yapıya göre kurmak zorunda.

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.

İlgili yazı
Hazır temada özelleştirmenin sınırı

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:

Bölüm ve blok ayarları, yani ana sayfa ve şablonlardaki tüm düzen.
Renkler ve yazı tipleri gibi genel tema ayarları.
Temadaki metinler ve ifadeler.
Uygulamaların eklediği kodlar dahil tüm kod özelleştirmeleri.
Temanın sunduğu şablonlar.

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:

Mevcut tema yıllar içinde çok fazla kod değişikliği almış, güncellenemiyor ve her yeni düzen için geliştiriciye gitmek gerekiyor.
Zaten yeni bir tasarım planlanıyor; sıfırdan kurulacak bir düzeni eski yapının üzerine kurmak yerine yeni yapıya kurmak.
Mağaza ekibi kampanya ve içerik sayfalarını sık değiştiriyor ve bunu kod yazmadan yapmak istiyor.

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.

İlgili yazı
Tema kararı

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ı

Yeni temayı kütüphaneye ekleyin ama yayınlamayın; tüm kurulumu yayında olmayan temada yapın.
Mevcut temanın ana sayfası, ürün, koleksiyon, sepet ve içerik sayfalarının ekran görüntülerini alın; hangi bölümün hangi işe yaradığını listeleyin. Yeni temada birebir kopya kurmak yerine bu listeye göre karar verin.
Ürün ve koleksiyonlar için kullandığınız özel şablonları yeni temada yeniden oluşturup ilgili ürünlere atayın.
Uygulama yerleştirmelerini ve bloklarını yeni temada açın; artık kullanmadığınız uygulamaları bu fırsatla kaldırın.
Temadaki metinleri ve varsa çevirileri kontrol edin; “Sepete ekle” gibi ifadeler temaya özel.
Önizlemede mobil ve masaüstünde sipariş akışını baştan sona deneyin, ardından yayınlayın. Eski tema kütüphanede kaldığı için gerekirse geri dönebilirsiniz.
İlgili hizmet
Tema geçişini birlikte planlayalım

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ştirme

Yapmanıza gerek olmayanlar

Horizon'a yalnızca yeni olduğu için geçmek: iyi çalışan bir temayı değiştirmek tüm düzeni yeniden kurmak demek.
Eski temadaki her bölümü yeni temada birebir kopyalamak: geçiş, kullanılmayan bölümleri ve uygulamaları elemek için iyi bir fırsat.
Kurulumu yayındaki temada yapmak: yarım kalan düzen müşteriye görünür.

Kaynaklar

  1. Shopify Changelog, Horizon: 10 new free themes by Shopify (21 Mayıs 2025; tema bloklarıyla kurulu ücretsiz tema ailesi)
  2. 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ı
  3. 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
  4. 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
  5. Shopify geliştirici belgeleri, JSON templates: şablon başına en fazla 25 bölüm, bölüm başına en fazla 50 blok
  6. 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
  7. Shopify Yardım Merkezi, Temalarda uygulamalar: tema değiştirildiğinde uygulamaların yeni temada yeniden etkinleştirilmesi
dC
dotCREA Shopify ekibi
2 Kasım 2026 tarihinde yayımlandı
Paylaş
Bu konuyu mağazanız için konuşalım
Mağaza adresinizi gönderin, ücretsiz değerlendirelim.
Teklif alın

İlgili yazılar