Shopify Rehberi
Shopify Tema Özelleştirme: Section, Şablon ve Liquid Rehberi
Shopify tema düzenleyicide section, block ve şablonları güvenli biçimde düzenlemek; uygulama ve Liquid değişikliklerini kontrollü yayınlamak için kapsamlı rehber.
Shopify tema düzenleyici; mağazanızın renklerini, tipografisini, ana sayfa bölümlerini ve ürün şablonlarını yönetmenizi sağlar. Tema özelleştirmeye başlamadan önce canlı temayı yedeklemek ve section, block ve template farkını bilmek gerekir.
Shopify teması nasıl seçilir ve değiştirilir?
Shopify yönetim panelinde Online Store > Themes bölümüne gidin. Burada yayınlanan temanızı, taslak temaları ve tema mağazasından eklediğiniz seçenekleri görebilirsiniz.
Canlı temayı kopyalama
Shopify'ın resmî tema düzenleyici rehberi, özelleştirmeden önce temayı çoğaltarak yedek oluşturmayı önerir.
- Online Store > Themes bölümünü açın.
- Canlı temanın işlem menüsüne girin.
- Duplicate seçeneğiyle kopya oluşturun.
- Kopyayı tarih ve proje adıyla yeniden adlandırın.
- Edit theme veya Customize seçeneğiyle düzenleyiciyi açın.
- Değişikliği yayınlamadan önce önizleme bağlantısıyla kontrol edin.
Yeni tema seçerken yalnızca demo ana sayfasına bakmayın. Temanın ürün kartı, koleksiyon filtresi, ürün galerisi, varyant seçimi ve mobil menüsünü inceleyin. Shopify'ın tema yapısı ve kullanılabilen özellikler tema ile sürüme göre değişir.
Shopify sayfa bölümleri nasıl düzenlenir?
Shopify'ın tema yapısı dokümanına göre sayfa şablonları section'lardan, section'lar da block'lardan oluşur.
- Template: Ürün, koleksiyon veya sayfanın genel iskeletidir.
- Section: Görsel banner, ürün vitrini veya zengin metin gibi ana bölümdür.
- Block: Section içindeki başlık, görsel, buton veya ürün bilgisidir.
- Theme settings: Renk, tipografi ve genel tasarım ayarlarını yönetir.
Ana sayfa section sırası
Ana sayfada her section tek bir amaç taşımalıdır. Önerilen sıra:
- Ana teklif ve CTA içeren image banner
- Öncelikli koleksiyonlar
- Çok satan veya öne çıkan ürünler
- Ürün faydası ya da karşılaştırma
- Yorum ve güven kanıtı
- Teslimat, iade ve destek bilgileri
Benzer section'ları arka arkaya eklemeyin. Sayfa uzadıkça kullanıcının hangi mesaja odaklanacağı belirsizleşir.
Renk ve tipografi ayarları
Theme settings alanında temanın sunduğu renk paleti veya color scheme seçeneklerini yönetin. Ana CTA, ikincil buton, metin, arka plan ve sınır renklerini tutarlı kullanın. Her section için farklı renk düzeni seçmek mağaza bütünlüğünü bozabilir.
Koleksiyon ve ürün şablonları
Üstteki şablon seçiciden Collections veya Products görünümüne geçin. Koleksiyon şablonunda ürün ızgarası, filtre, sıralama ve kart görünümünü kontrol edin.
Ürün şablonunda galeri, başlık, fiyat, varyant ve satın alma butonu ilk ekranda anlaşılır olmalıdır. Farklı ürün gruplarının farklı bilgiye ihtiyacı varsa ayrı ürün şablonu oluşturup ilgili ürünlere atayabilirsiniz.
Shopify'ın sections ve blocks rehberi, her temada aynı block seçeneklerinin bulunmadığını belirtir. İhtiyaç duyduğunuz seçenek yoksa tema ayarı, uygulama veya kod geliştirmesi ayrı ayrı değerlendirilmelidir.
App block ve uygulama alanları
Yorum, abonelik, beden tablosu veya teslimat uygulamaları tema düzenleyiciye app block ekleyebilir. Uygulama block'unun doğru şablonda göründüğünü, mobilde satın alma alanını kapatmadığını ve kaldırıldığında boş alan bırakmadığını test edin.
Shopify mobil görünüm ayarları
Tema düzenleyicide mobil önizlemeyi açın ve şu alanları kontrol edin:
- Duyuru çubuğu ve header yüksekliği
- Mobil menü, arama ve sepet ikonları
- Image banner metni ve görsel kırpılması
- Koleksiyon filtresi ve sıralama
- Ürün varyantları ve sepete ekleme
- App block ve sabit widget'lar
Tema mobil görsel destekliyorsa masaüstünden farklı kompozisyon kullanın. Desteklemiyorsa metin ve ürünün güvenli kırpma alanında kalacağı görsel hazırlayın. Gerçek telefonda test yapmadan temayı yayınlamayın.
Shopify tema seçiminde dikkat edilecekler
- Tema Online Store 2.0 veya güncel tema mimarisini destekliyor mu?
- Ürün ve koleksiyon sayfalarında gereken section'lar var mı?
- Ürün görsel oranları ve varyant yapısı mağazanıza uyuyor mu?
- Kullandığınız uygulamalar app block desteği sunuyor mu?
- Tema güncellemeleri ve geliştirici desteği düzenli mi?
- Mobil menü ve filtre gerçek cihazda rahat çalışıyor mu?
Kod düzenlemesi yapılacaksa değişen dosyaları kayıt altına alın. Shopify'ın tema güncelleme rehberi, özel kodların yeni tema sürümüne her zaman otomatik taşınamayabileceğini belirtir.
Yayına almadan önce kontrol listesi
- Ana sayfa, ürün, koleksiyon ve temel sayfaları inceleyin.
- Menü, arama, filtre ve sıralamayı test edin.
- Varyantlı ve stokta olmayan ürünleri kontrol edin.
- App block ve app embed'leri gözden geçirin.
- Sepete ekleme ve checkout geçişini deneyin.
- İndirim, kargo ve ödeme senaryosuyla test siparişi verin.
- Analytics ve reklam olaylarını kontrol edin.
- Önizleme bağlantısını ekip içinde kontrol edip sonra yayınlayın.
Shopify tema özelleştirme hakkında sık sorulan sorular
Shopify temasını kod yazmadan düzenleyebilir miyim?
Tema düzenleyicinin sunduğu section, block ve global ayarlar kod gerektirmez. Tema seçeneklerinin dışındaki özel bileşen ve davranışlar Liquid, CSS veya JavaScript gerektirebilir.
Tema değiştirince ürünler silinir mi?
Ürün kayıtları silinmez. Ancak section ayarları, şablonlar, uygulama blokları, dil metinleri ve özel kodlar yeni temada tekrar kontrol edilmelidir.
Shopify tema kopyası canlı mağazayı etkiler mi?
Taslak tema yayınlanana kadar canlı temanın yerini almaz. Ancak bağlantılı uygulama ve harici entegrasyonlar nedeniyle önizleme ve yayın sonrası kontrol yine yapılmalıdır.
Liquid geliştirmesi ne zaman gerekir?
Tema ayarlarında bulunmayan özel section, ürün kartı, mega menü veya ürün seçim akışı gerektiğinde kod geliştirmesi düşünülür. Shopify tema hizmetimizin kapsamını inceleyebilirsiniz.
Shopify tema revizyonu
Shopify mağazanı markana özel hale getir.
Tema bölümleri, koleksiyonlar, ürün sayfaları ve mobil deneyimi yönetilebilir bir yapıda geliştiriyoruz.
Okumaya devam et
