Shopify Tema Özelleştirme
Mevcut temanızı ihtiyacınıza göre genişletin
Hazır temalar bir yere kadar götürür; ürün sayfasına beden tablosu, koleksiyona özel bir düzen ya da kampanyaya özel bir blok eklemek istediğinizde tema ayarları yetmez. Kod tarafına doğrudan müdahale edip temayı ihtiyacınızın etrafında genişletiyoruz. Eklediğimiz her şey panelden yönetilebilir kalıyor, böylece sonraki değişiklik için tekrar geliştiriciye ihtiyaç duymuyorsunuz.
- Özel tema bölümleri
- Metafield destekli ürün alanları
- Panelden yönetilebilir düzen
- Güncellemeyi bozmayan kod
Birlikte çalıştığımız markalar
Shopify Tema Özelleştirme kimler için?
Temasının sınırına gelen mağazalar
Tema ayarlarından yapılabilecekler bitti, istediğiniz düzen için kod müdahalesi gerekiyor. Temayı değiştirmeden ilerlemek istiyorsunuz.
Ürün bilgisi zengin markalar
Beden tablosu, malzeme bilgisi, kullanım talimatı, sertifika gibi alanlar ürün açıklamasına sıkışıyor. Bunların düzenli alanlarda tutulmasını istiyorsunuz.
Sık kampanya yapan ekipler
Her kampanyada ana sayfayı ve koleksiyon sayfalarını yeniden kurmak zaman alıyor. Panelden yönetilen esnek bloklara ihtiyacınız var.
Uygulama yükünü azaltmak isteyenler
Basit işler için kurulan uygulamalar mağazayı yavaşlatıyor. Aynı işi tema tarafında çözüp uygulama sayısını düşürmek istiyorsunuz.
Kapsam ve teslimatlar
Özel bölüm ve blok geliştirme
Ana sayfa, koleksiyon ve ürün sayfası için yeni bölümler yazılıyor. Her bölümün ayarları tema düzenleyicide görünür, içerik ekibi kod görmeden düzenleyebilir.
Metafield ve metaobject yapısı
Ürün ve koleksiyon için özel alanlar tanımlanıyor, panelde giriş düzeni kuruluyor ve tema tarafında bu alanlar basılıyor.
Ürün ve koleksiyon şablonları
Farklı ürün tipleri için ayrı şablonlar hazırlanıyor. Tek bir ürün sayfası düzeni tüm kataloğa dayatılmıyor.
Liquid ve önyüz düzenlemeleri
Sepet davranışı, varyant seçimi, filtre görünümü ve stok durumu gibi noktalarda kod düzeyinde iyileştirmeler yapılıyor.
Güncellenebilir kurulum
Değişiklikler mümkün olduğunca ayrı dosyalarda ve tema uygulama uzantılarında tutuluyor, çekirdek dosyalara müdahale kayıt altına alınıyor.
Sürüm takibi ve devir
Tema GitHub ile bağlanıyor, değişiklikler sürümleniyor ve yapılan geliştirmelerin dokümanı teslim ediliyor.
Değişikliğin nereye yazıldığı, ne yazıldığından önemli
Aynı isteğin tema tarafında birden fazla karşılığı var ve hangisini seçtiğimiz güncelleme gününde ortaya çıkıyor. Bir blok yeni bir bölüm dosyası olarak yazılabilir, mevcut bir şablonun içine gömülebilir ya da doğrudan tema düzeninin ortak dosyasına eklenebilir. Üçü de aynı görüntüyü veriyor; ancak tema sürüm atladığında yalnız birincisi yerinde kalıyor.
Bu yüzden geliştirmeye başlamadan önce dosya kararını veriyoruz. Yeni davranışlar kendi bölüm ve parçacık dosyalarında toplanıyor, ortak dosyalara yapılan zorunlu müdahaleler tek tek not ediliyor. Böylece yeni tema sürümü geldiğinde hangi değişikliğin taşınacağı aranmadan bulunuyor. Bu kaydı tutmayan mağazalarda güncelleme genelde hiç denenmiyor, tema yıllarca eski sürümde kalıyor ve bir süre sonra küçük bir özellik eklemek temayı baştan kurmakla aynı işe dönüşüyor.
Bu düzeni kurmak ek bir süre değil, başlangıçta bir karar istiyor. Temanın hangi sürümde olduğunu ve daha önce nerelere dokunulduğunu kayıt altına aldığımızda sonraki her geliştirme kısalıyor, çünkü işe her seferinde keşifle başlanmıyor.
Koda yazılan içerik her seferinde bize geri döner
Özelleştirme işlerinde en sık yapılan hata, metni ve görseli doğrudan kodun içine yazmak. Kampanya başlığı, ücretsiz kargo eşiğini duyuran şerit ya da ürün sayfasındaki bilgi kutusu bu şekilde konulduğunda ilk gün sorunsuz görünüyor. İki hafta sonra kampanya bittiğinde ya da eşik değiştiğinde içerik ekibi bunu panelde bulamıyor ve her küçük düzeltme için geliştirici bekleniyor.
Biz her bölümü ayarlarıyla birlikte yazıyoruz. Metin, bağlantı, görsel, renk ve açık kapalı durumu tema düzenleyicide alan olarak görünüyor; hangi alanın ne yaptığı da alan adında yazıyor. Tekrarlanan yapılarda blok kullanıyoruz, böylece ekibiniz yeni bir madde eklemek için bizden bir şey istemiyor. Ölçüt basit: eklediğimiz bir bölümü siz düzenleyemiyorsanız o bölüm eksik kalmış demektir.
Aynı mantık görseller için de geçerli. Sezon görselini koda gömmek yerine bölümün ayarına bağladığımızda içerik ekibi değişikliği kendi yapıyor. Geliştirme sırası da yalnız gerçekten kod gerektiren işlere kalıyor.
Nasıl çalışıyoruz?
Mevcut temanın incelenmesi
Hangi temayı, hangi sürümde kullandığınıza ve daha önce yapılmış müdahalelere bakıyoruz. Çekirdek dosyalar bozulmuşsa önce onu raporluyoruz.
İstek listesinin teknik karşılığı
Her isteğin tema ayarıyla mı, yeni bir bölümle mi yoksa uygulamayla mı çözüleceğini belirliyoruz. En ucuz çözüm hangisiyse onu öneriyoruz.
Geliştirme ortamında uygulama
Değişiklikler yayındaki temaya değil, kopya tema üzerinde yapılıyor. Böylece mağaza çalışırken geliştirme sürebiliyor.
Önizleme ve revizyon
Önizleme bağlantısıyla değişiklikleri inceliyor, geri bildirimlerinizi alıyoruz. Mobil ve masaüstü ayrı kontrol ediliyor.
Yayına alma ve yedek
Yayındaki temanın yedeği alınıyor, yeni sürüm devreye giriyor ve kritik sayfalar kontrol ediliyor.
Kullandığımız araçlar ve platformlar
- Shopify Liquid
- Shopify CLI
- Shopify Online Store 2.0
- Shopify Metafields
- Shopify Theme App Extensions
- Shopify GitHub entegrasyonu
- Dawn teması
Shopify Tema Özelleştirme fiyatını neler belirler?
Bölüm ve şablon sayısı
Geliştirilecek bölüm adedi, her birinin kaç ayar taşıyacağı ve kaç farklı şablona bağlanacağı iş yükünü belirler.
Temanın kod kalitesi
Düzenli yazılmış güncel bir temada geliştirme hızlı ilerler. Daha önce dağınık müdahale görmüş bir temada önce temizlik gerekir.
Veri yapısı ihtiyacı
Yalnız görsel bir blok ile metafield, metaobject ve filtre yapısı gerektiren bir geliştirme farklı kapsamda.
Mobil ve erişilebilirlik beklentisi
Klavyeyle kullanım, ekran okuyucu uyumu ve dar ekran davranışı ayrıntılı isteniyorsa test süresi uzar.
Sıkça sorulan sorular
Tema özelleştirmesi sonraki tema güncellemelerini engeller mi?
Doğru yapılırsa hayır. Geliştirmeleri mümkün olduğunca ayrı bölüm dosyalarında ve uygulama uzantılarında tutuyoruz. Çekirdek dosyaya dokunmak gerektiğinde bunu kayıt altına alıyoruz, böylece güncelleme sırasında hangi değişikliğin taşınacağı belli oluyor.
Yayındaki mağaza çalışırken geliştirme yapılabilir mi?
Evet. Geliştirme yayındaki temanın kopyası üzerinde yürür, önizleme bağlantısıyla incelenir ve onay verdiğinizde yayına alınır. Müşterileriniz süreçten etkilenmez.
Yaptığınız değişiklikleri sonradan biz düzenleyebilir miyiz?
Evet, amaç bu. Eklenen bölümler tema düzenleyicide ayarlarıyla birlikte görünür. Metin, görsel, bağlantı ve sıralama değişikliklerini kod görmeden yapabilirsiniz.
Tema satın almamız mı gerekir yoksa mevcut temayla devam edebilir miyiz?
Mevcut temanız güncel bir sürümse genellikle devam edilebilir. Çok eski, güncellenmeyen ya da ağır müdahale görmüş temalarda geliştirme maliyeti yeni bir temaya geçmekten yüksek çıkabilir. İnceleme sonunda hangisinin daha mantıklı olduğunu söylüyoruz.
Uygulama yerine tema geliştirmesi her zaman daha mı iyi?
Her zaman değil. Abonelik, sadakat programı ve değerlendirme toplama gibi sürekli güncellenen işler uygulamayla daha sağlıklı yürür. Tema geliştirmesi sabit davranışlar, düzen ve içerik yapısı için daha uygundur.
Kod bizde mi kalıyor?
Evet. Tema dosyaları mağazanızda, sürüm geçmişi ise sizin GitHub deponuzda tutulur. Çalışma bittiğinde kodun tamamı ve dokümanı sizde kalır.
İlgili içerikler
Bu konuyu derinleştiren rehberler, terimler ve ücretsiz araçlar.
Shopify Tema Özelleştirme için ilk adımı atalım
- 1Formu doldurun ya da bizi arayın
- 2Bir iş günü içinde ön görüşme planlayalım
- 3Size özel yol haritası ve teklif hazırlayalım