Shopify tema geliştirme — özel tema ve Liquid geliştirme
Sıfırdan özel tema ya da premium temanın birebir uyarlanması — Liquid, Online Store 2.0 ve Hydrogen ile.
Shopify'da tema, mağazanın vitrini değil satış motorudur. Hazır bir temanın ayarlarıyla oynayarak elde edilen mağazalar bir yere kadar iş görür; koleksiyon filtreleri, varyant mantığı, beden tablosu, kampanya kurgusu ya da ürün sayfasındaki güven unsurları devreye girdiğinde temanın sınırlarına çarpılır. O noktadan sonra ya tema özelleştirilir ya sıfırdan yazılır.
İki yolla da çalışıyorum ve doğru yolu birlikte seçiyoruz. Premium bir temayı markanıza uyarlamak, erken satışa başlamak isteyen markalar için hızlı ve bütçe-dostudur. Sıfırdan özel tema ise tasarımın tamamen sizin olduğu, üçüncü parti uygulama yükünün minimumda kaldığı ve performansın kontrol altında olduğu yoldur.
Her iki durumda da teslim ettiğim şey aynı: mağaza yöneticisinin bana ihtiyaç duymadan içerik değiştirebildiği, Online Store 2.0 bölümleriyle kurulmuş, hızlı ve okunabilir bir tema.
- Hazır temanın ayarlarıyla çözülemeyen tasarım veya işlev ihtiyacı olan markalar
- Figma'da tasarımı hazır olan, birebir koda dökülmesini isteyen ekipler
- Uygulama yığınını azaltıp mağazayı hızlandırmak isteyen mağazalar
- Koleksiyon, varyant veya ürün sayfası mantığı standart dışı olan katalog sahipleri
- Henüz ürün ve içerik hazır olmayan, ilk satışı test etmek isteyen projeler — orada hazır temayla başlamak daha akıllı
- Sadece renk ve logo değişikliği yeterli olan mağazalar
- Temanın kendisi değil pazarlama tarafı sorunlu olan mağazalar — bunu ilk görüşmede söylerim
Neler dahil?
Figma veya Adobe XD dosyanız varsa piksel düzeyinde uyarlanır; yoksa mevcut markanızın diline uygun bir arayüz kurgusu birlikte çıkarılır.
Her sayfa türü JSON şablonlarıyla kurulur; içerik yöneticisi bölümleri sürükleyip bırakarak yeni sayfa üretebilir. Kodun kilitlediği bir tema teslim etmiyorum.
Varyant seçimi, stok durumu, beden/ölçü tablosu, çapraz satış blokları, koleksiyon filtreleri ve sıralama.
Yan panel sepet, sepet içi kampanya bildirimi, kargo eşiği göstergesi ve ödeme adımına giden en kısa yol.
Shopify Markets ile dil ve para birimi kurulumu, çeviri anahtarlarının temaya doğru bağlanması.
Görsel boyutlandırma, tembel yükleme, kritik CSS, yapılandırılmış veri ve semantik başlık hiyerarşisi tema seviyesinde kurulur.
Temanın hangi bölümünün nereden yönetildiğini anlatan kısa bir kılavuz + ekranla anlatım. Tema sizde kalır, bana bağımlı olmazsınız.
Nasıl ilerliyoruz?
- Keşif ve kapsam3-5 gün
Katalog yapısı, varyant mantığı, kampanya ihtiyaçları ve mevcut mağazanın sorunları konuşulur. Hazır tema mı özel tema mı kararı burada verilir ve kapsam yazılı olarak netleşir.
- Bilgi mimarisi ve tasarım1-2 hafta
Sayfa türleri, bölüm envanteri ve arayüz kararları. Tasarım onayı olmadan tema kodu yazılmaz.
- Tema geliştirme2-6 hafta
Liquid şablonları, bölümler, app block'lar ve metafield yapıları. Geliştirme boyunca ayrı bir tema kopyası üzerinde çalışılır; canlı mağaza etkilenmez. Haftalık demo linki paylaşırım.
- Test ve içerik girişi3-7 gün
Mobil ve masaüstü tarayıcı testleri, varyant/stok senaryoları, sipariş testi, Core Web Vitals ölçümü ve içeriğin gerçek verilerle doldurulması.
- Yayın ve destek1 gün + 30 gün destek
Tema yayına alınır, ölçüm kurulumu kontrol edilir. Yayın sonrası 30 gün boyunca çıkan sorunlar kapsam dahilindedir.
Kapağın altında ne var?
JSON şablonları, dinamik bölümler, blok tabanlı içerik ve app block'lar. Şablon başına bölüm envanteri kurulur, böylece pazarlama ekibi yeni açılış sayfasını kod istemeden çıkarır.
Ürün özellikleri, beden tabloları, malzeme bilgileri ve marka içerikleri metafield/metaobject olarak modellenir — tema koduna gömülü metin bırakmam.
Headless bir vitrin gerçekten mantıklıysa Hydrogen + Storefront API ile çalışıyorum. Mantıklı olmadığı durumu da söylüyorum; çoğu mağaza için Online Store 2.0 daha doğru karar.
Aynı işi yapan üçüncü parti uygulamalar tema içinde native olarak çözülür. Her kaldırılan uygulama hem aylık maliyet hem sayfa ağırlığı kazancıdır.
Product, Offer, AggregateRating, BreadcrumbList ve Organization şemaları tema katmanında, uygulama eklemeden üretilir.
Bu işi nerede yaptım?
Premium kadın giyim markası için sıfırdan özel Shopify teması: koleksiyon vitrini, renk varyantlı ürün kartları, favoriler ve SEO-hazır meta kurgusu.
600+ ürünlük beyaz eşya yedek parça kataloğu: derin kategori ağacı, stok durumu, marka vitrini ve sipariş takibi — hepsi özel temada.
Fiyatlandırma nasıl çalışıyor?
Kapsam netleştikten sonra sabit fiyatlı teklif veriyorum; saat sayarak ilerlemiyorum. Fiyatı belirleyen ana kalemler: sayfa türü sayısı, bölüm envanterinin genişliği, varyant/katalog karmaşıklığı, çok dil/çok para birimi ihtiyacı ve tasarımın hazır olup olmaması. Hazır temanın uyarlanması ile sıfırdan özel tema arasında ciddi bir fark var — ilk görüşmede hangisinin işinizi göreceğini net söylerim.
Sık sorulan sorular
Hazır tema mı özel tema mı benim için doğru?
Kısa yol şu: tasarımınız hazır değilse, katalog basitse ve hızlı satışa başlamak istiyorsanız premium temayı uyarlamak doğru karar. Tasarımınız belliyse, uygulama yığınından kurtulmak istiyorsanız veya standart dışı bir varyant/koleksiyon mantığınız varsa özel tema kendini amorti eder. İlk görüşmede kataloğunuza bakıp hangisi olduğunu söylüyorum.
Özel tema geliştirme ne kadar sürer?
Hazır temanın markaya uyarlanması genellikle 2-3 hafta. Sıfırdan özel tema, sayfa türü sayısına göre 4-8 hafta. Tasarım hazır geldiğinde bu süre kısalır; tasarım da benim tarafımda üretilecekse 1-2 hafta eklenir.
Figma tasarımım var, birebir koda dökülür mü?
Evet, birebir uyarlama yaptığım işlerin çoğu böyle başlıyor. Tasarımda Shopify'ın veri modeliyle çelişen bir yer varsa (örneğin varyantla çözülemeyecek bir seçim mantığı) bunu geliştirmeye başlamadan söylüyorum ve alternatif öneriyorum.
Tema geliştirilirken mağazam kapanacak mı?
Hayır. Geliştirme ayrı bir tema kopyası üzerinde yapılır; canlı mağaza satışa devam eder. Yayına alma tek bir tema yayınlama işlemidir ve dakikalar sürer. Geri dönüş gerekirse eski tema yerinde durur.
Temayı sonradan kendim yönetebilir miyim?
Amaç bu. Bölüm ve blok yapısı, metin ve görsellerin tema editöründen yönetilebileceği şekilde kurulur; sabit metin gömmüyorum. Teslimde hangi alanın nereden düzenlendiğini anlatan kısa bir kılavuz ve ekran kaydı veriyorum.
Hydrogen ile headless yapmalı mıyım?
Çoğu mağaza için hayır. Headless, gerçekten özel bir arayüz ihtiyacı, ayrı bir içerik kaynağı veya çok yüksek trafikli bir kurgu varsa mantıklı; aksi halde geliştirme ve bakım maliyetini artırır, tema editörünün kolaylığını kaybettirir. İhtiyacınız gerçekten headless'a işaret ediyorsa Hydrogen ve Storefront API ile çalışıyorum.
Tema Türkçe'ye çevrilecek mi?
Evet. Premium temaların çoğu İngilizce geliyor; çeviri anahtarları, tarih/para birimi biçimleri ve kargo-iade metinleri Türkçe'ye uyarlanır. Çok dilli mağazalarda Shopify Markets üzerinden dil bazlı içerik kurulur.
Kapsamı netleştirmek için ücretsiz bir keşif görüşmesi yapıyoruz. Bu hizmet size uygun değilse bunu da söylerim — gereksiz iş satmıyorum.