Shopify tema editörü, Online Mağaza altındaki Temalar ekranında “Özelleştir” butonuyla açılır. Sol panelde sayfanın bölümlerini (section) ve bu bölümlerin içindeki blokları görür, sürükleyerek sıralar, yenilerini eklersiniz; sağ panelde seçtiğiniz öğenin ayarlarını düzenlersiniz. Üstteki menüden ana sayfa, ürün veya koleksiyon şablonları arasında geçiş yapılır; renk ve yazı tipi gibi genel ayarlar Tema ayarları bölümündedir.
- Tema editörü üç katmanlıdır: şablon (sayfa türü) → bölüm (section) → blok.
- Büyük değişikliklerden önce temanın bir kopyasını alıp kopya üzerinde çalışmak canlı mağazayı korur.
- Farklı ürün grupları için ayrı ürün şablonları oluşturup ürünlere atayabilirsiniz.
1. Shopify tema editörü arayüzü nasıl çalışır?
Editör ekranı üç parçadan oluşur. Ortada mağazanızın canlı önizlemesi, solda o sayfadaki bölümlerin listesi, sağda ise seçtiğiniz bölüm veya bloğun ayarları yer alır. Üst kısımdaki açılır menüden düzenlemek istediğiniz sayfa türünü (ana sayfa, ürün, koleksiyon, blog yazısı vb.) seçersiniz; önizlemenin masaüstü ve mobil görünümü arasında da buradan geçiş yapılır.
Bölümler (section) sayfanın büyük yapı taşlarıdır: görsel slayt, öne çıkan koleksiyon, metin ve görsel, müşteri yorumları gibi. Bloklar ise bölümlerin içindeki küçük parçalardır: bir başlık, bir buton, bir ürün bilgi satırı. Güncel Shopify temalarının çoğu bu yapıyı tüm sayfalarda destekler; eski temalarda bazı sayfalar daha sınırlı olabilir.
2. Bölüm ve blok nasıl eklenir, sıralanır, gizlenir?
Sol paneldeki “Bölüm ekle” seçeneği, temanızın sunduğu hazır bölümleri listeler. Seçtiğiniz bölüm sayfaya eklenir ve hemen düzenlemeye açılır. Bölümün içindeki “Blok ekle” seçeneğiyle aynı mantıkla alt öğeler eklenir.
Günlük kullanımda en sık yapılan işlemler şunlardır:
- 1. Sıralama: Bölüm veya bloğun yanındaki tutamaçtan sürükleyip yukarı-aşağı taşıyın.
- 2. Gizleme: Göz simgesiyle bölümü silmeden geçici olarak gizleyin (kampanya bölümleri için ideal).
- 3. Çoğaltma: Benzer bir bölüme ihtiyaç varsa mevcut bölümü kopyalayıp içeriğini değiştirin.
- 4. Uygulama blokları: Yorum veya beden tablosu gibi uygulamaların bloklarını ilgili bölüme ekleyin; bazı uygulamalar Tema ayarları altındaki uygulama yerleştirmeleri (app embeds) alanından açılır.
- 5. Kaydetme: Değişiklikler siz “Kaydet” deyene kadar canlıya yansımaz.
3. Şablonlar ve genel tema ayarları ne işe yarar?
Tüm ürünleriniz varsayılan ürün şablonunu kullanır. Ancak örneğin hediye setleri için farklı bir düzen istiyorsanız editörde yeni bir ürün şablonu oluşturup bölümlerini ona göre kurabilir, ardından ürün düzenleme ekranındaki tema şablonu alanından bu şablonu ilgili ürünlere atayabilirsiniz. Aynı yöntem koleksiyon ve sayfa şablonları için de geçerlidir.
Tema ayarları bölümü ise sitenin genelini etkiler: renk paleti, yazı tipleri, buton stilleri, logo, favicon, sosyal medya bağlantıları ve sepet davranışı gibi. Bu ayarları baştan tutarlı belirlemek, her bölümü tek tek renklendirmekten çok daha düzenli bir sonuç verir.
Önemli bir uyarı: büyük değişikliklerden önce Temalar ekranından temanın bir kopyasını oluşturun ve kopya üzerinde çalışın. Hazır olduğunuzda kopyayı yayınlarsınız; bir sorun çıkarsa eski tema hâlâ yerinde durur. Tema editörünün sınırlarını aşan tasarım ihtiyaçlarında ise özel bölüm geliştirme gerekir.
Değişiklik yapmadan önce yedek alın
Büyük bir tasarım değişikliğine başlamadan önce temanın bir kopyasını oluşturun. Temalar sayfasında temanın yanındaki menüden “Kopyala” seçeneğiyle yayınlanmamış bir yedek oluşur. Bir şey ters giderse yedeği yayınlayarak eski haline dönebilirsiniz.
Daha da güvenli yol, değişiklikleri doğrudan yayındaki temada değil kopyada yapmak ve önizlemede kontrol ettikten sonra kopyayı yayınlamaktır. Böylece ziyaretçiler yarım kalmış bir tasarımla karşılaşmaz.
Tema editöründe işinizi kolaylaştıracak ipuçları
- Üstteki sayfa seçiciyle ana sayfa dışındaki şablonlara (ürün, koleksiyon, sepet) geçin.
- Önizlemeyi telefon görünümüne alarak mobil tasarımı kontrol edin.
- Bir bölümü silmek yerine gizleyin; ileride tekrar kullanmak kolay olur.
- Ürün sayfası şablonunda yapılan değişikliğin tüm ürünleri etkilediğini unutmayın.
- Belirli ürünler için farklı düzen gerekiyorsa yeni bir ürün şablonu oluşturup o ürünlere atayın.
Tasarım yaparken hızı korumak
Tema editöründe eklenen her bölüm sayfaya yük getirir. Ana sayfaya çok sayıda kaydırmalı galeri, otomatik oynayan video ve büyük görsel eklemek telefonda açılış süresini uzatır.
Ana sayfada müşteriye gerçekten yardım eden bölümleri tutun: öne çıkan kategoriler, çok satan ürünler, güven unsurları ve kısa marka tanıtımı. Her büyük değişiklikten sonra PageSpeed Insights ile mobil ölçüm yapın.
Bu Konuyla İlgili Çözümlerimiz ve Örnek Çalışmamız
Binlerce sitede kullanılan birbirinin aynısı hazır şablonlar yerine; markanızın kimliğine yakışan, müşteriye ilk saniyede güven veren ve telefondan çok kolay alışveriş yaptıran özel mağazalar tasarlıyoruz.
Kozmetik ve dermokozmetik markaları için İnteraktif Cilt Tipi Testi (Routine Quiz), Kendi Rutinini Oluştur (Bundle), içerik sözlüğü ve yüksek tekrar satın alma mimarisi.
Merak edilenler
Konuyla İlgili Sıkça Sorulan Sorular
Shopifyci ekibi olarak Türkiye’de ve yurt dışında satış yapan markalar için hızlı açılan, İyzico/PayTR ve kargo entegrasyonları tamamlanmış anahtar teslim Shopify mağazaları kuruyoruz.