Shopify'da Online Mağaza 2.0 özelliklerine sahip ilk kaynak ve referans teması olan Dawn teması, tema geliştirme için HTML-tabanlı, yalnızca gerektiğinde JavaScript kullanmayı tercih eden bir yaklaşım sunar.

Eğer Shopify ile yeni başlayan bir satıcısanız, Dawn teması varsayılan tema olacaktır. Bu nedenle, Shopify Debut teması ile karşılaştırıldığında, %35 daha hızlı bir tema ile başlayacaksınız. Harika özellikleri ve heyecan verici eklemeleriyle Shopify Dawn temasını aşağıda detaylı olarak keşfedelim.

Shopify Dawn Teması Genel Bakışı: 

Dawn Shopify teması, atomik tasarım bileşenlerini, minimal JavaScript'i ve önyargılı özellik setlerini kullanarak ultra-hafif, mobil odaklı bir tema olma özelliği taşır, böylece esnekliği maksimize ederken karmaşıklığı minimize eder.

Shopify Dawn Teması En İyi Özellikleri:

• Web dostu: Shopify Dawn teması, eski tarayıcıları desteklerken, son web tarayıcılarını destekler ve polifiller yerine ilerici geliştirmeyle destek sağlar.

• Tüm özelliklere destek: Tema işlevselliği, tasarımı ve esnekliği, tüm sayfalarda JSON şablonları, uygulama blokları ve bölümlerle özel düzenler oluşturmanıza olanak tanır.

• Sadece gerektiği zaman JavaScript: Shopify Dawn teması, mağaza performansını artırmak için sadece ihtiyaç duyulduğunda JavaScript kullanır ve en iyi deneyimi sunar.

• Erişilebilirlik: Tüm içeriklerin ağaç görünümünden erişilebilir renk şemalarına kadar, Dawn teması, tüccarların bir sayfanın hiyerarşisini kolayca güncellemesine yardımcı olacak şekilde düzenlenmiştir.

Dawn Teması'nı Nasıl Yüklenir Shopify 

Shopify temalarını indirmek kadar basitçe, Shopify Dawn temasını Shopify Tema Mağazası'nı ziyaret ederek kullanabilirsiniz. Özel isteklerinizi çekme ve gönderme ya da temalarınızda Online Mağaza 2.0 özelliklerini uygulama hakkında daha fazla bilgi edinmek için Shopify GitHub deposunu ziyaret edebilirsiniz.

Eğer temanızı Shopify Dawn temasına taşımak veya temanızı Online Mağaza 2.0 özelliklerine yükseltmek veya Shopify 2.0 özelliklerini daha önceki temalarınıza uygulamak konusunda yardım arıyorsanız, HulkApps Shopify Online Mağaza 2.0 uzmanlarına her zaman başvurabilirsiniz.

Shopify 2.0'a Yükseltme

Kolayca Shopify 2.0 Dawn Tema düzenlemesindeki değişiklikleri işaretle

Online Mağaza 2.0 yeni özelliklerinden ve araçlarından yararlanmak için sadeleştirilmiş olan Shopify Dawn tema düzenleyici, üç bölüme ayrılmıştır: Sol Panel, Önizleme Bölümü ve Sağ Panel.

Burada bölümlerin düzenini veya yapısal tasarımını değiştirerek, mağaza sayfanızdaki içerik sıralamanızı yansıtabilirsiniz. İhtiyaç duyduğunuzda bölümler veya bloklar (bölüm içi) ekleyebilirsiniz.

Bu tema düzenleyici önizleme bölümü, düzenlenen değişiklikleri gösterecektir. Değişiklikleri Mobil, Masaüstü ve Tam ekran olmak üzere üç farklı önizleme seçeneğiyle gözlemleyebilirsiniz.

Temalar düzenleyici şimdi, bölümlerin içeriklerini farklı bölümlere dalmanız gerekmeksizin, sağ panel kenar çubuğunda bölüm içeriğini görmek için bir ağaç görünümü yapısını içermektedir. Bu kenar çubuğundan içeriği gizleyebilir, düzenleyebilir ve en önemlisi dinamik kaynakları dahil edebilirsiniz. Bu seçenekler, bir sayfanın hiyerarşisini hızlı bir şekilde güncellemenizi sağlar. 

Eğer Shopify 2.0 temaları ve Shopify ile Shopify 2.0 arasındaki tema mimarisini daha detaylı öğrenmek isterseniz, Online Mağaza 2.0 Shopify Temaları ve Mimarisi blogumuzu okuyabilirsiniz.

Neden Shopify Mağazanızı yeni Shopify Online Mağaza 2.0'a yükseltmelisiniz?

Yaratıcıları güçlendiren ve esnek bir mağaza ön yüzü oluşturmanın daha fazla gücünü tüccarlara veren Shopify Online Mağaza 2.0, bir mağaza tasarım deneyimi sunar. Daha fazlasını Shopify 2.0 tanıtımı blogumuzda okuyabilirsiniz. Aşağıda, Shopify Vintage temaları ile Shopify Dawn temaları arasındaki farkın hızlı bir gözlemi yer almaktadır. 

Shopify Dawn Teması Özelleştirme

Shopify Dawn temasıyla oynaşmadan önce, desteklenen sayfa tipleri, bölümler ve renk şeması hakkında bilmeniz gereken birkaç nokta vardır.

Shopify Dawn Teması - sayfa tipleri:

Her temanın kendi varsayılan bölümleri ve ayarları vardır ve aşağıda Dawn'da zaten mevcut olan sayfa şablonları yer almaktadır.

• Ürün sayfaları

Varsayılan olarak, Ürün bilgisi bölümünü ve Ürün önerileri bölümünü alırsınız. Ürün bilgisi bölümü, aşağıdaki varsayılan blokları içerir:

• Metin (varsayılan olarak satıcı özelliğini görüntüler)
• Başlık
• Metin (varsayılan olarak ürün alt başlığı özelliğini görüntüler)
• Fiyat
• Varyant seçici
• Miktar seçici
• Satın alma düğmeleri
• Açıklama
• Paylaş

Ürün bilgisi bölümü, ürün derecelendirmesi, miktar seçici, özel liquid, katlanabilir sekme ve çıkış penceresi gibi ek bloklar dahil olmak üzere toplamda 16 bloğa kadar sahip olabilir. 

Yapışkan ürün bilgisi seçeneği istiyorsanız veya bir varyant seçildiğinde diğer varyantların ortak medyalarını gizlemek istiyorsanız veya video döngüsünü etkinleştirmek istiyorsanız, değişiklikleri Ürün Bilgisi bölümü ayarlarına işaretleyebilirsiniz.

Ürün önerileri 

Terim belirtildiği gibi, Ürün önerileri, bu ürünle birlikte benzer ürünleri veya sıklıkla birlikte satın alınan ürünleri gösterecektir. Ürün önerisi bölümünde ürün ayrıntılarını sağ panelden özelleştirebilirsiniz.

• Koleksiyon sayfaları

Ürün sayfası gibi, koleksiyon sayfaları varsayılan olarak Koleksiyon bannerı ve Ürün gridi bölümlerine sahiptir. Koleksiyon bannerı bölümü ayarlarında Koleksiyon açıklamasını göster ve Koleksiyon resmini göster gibi seçenekler yer alırken, Ürün gridi bölümü ayarlarında sayfa başına kaç ürün/görüntü oranı ve diğer özellikler yer alır.

• Koleksiyon listesi sayfaları

Yukarıdaki iki nokta gibi, koleksiyon listesi sayfası, tüm koleksiyonlarınızı ve gerekli seçenekleri gösterir.  

• Sayfalar, blog sayfaları, blog gönderisi sayfaları, sepet sayfası, şifre sayfası, 404 sayfası, arama sayfası

Diğer sayfalar gibi, bu seçeneklerin kendi bölümleri ve ayarları vardır ve marka hikayenizi ayarlamak için bunları yapılandırabilirsiniz. 

Shopify Dawn Teması - bölümler:

Shopify Online Store 2.0 özelliklerini ve araçlarını sergilemek için referans olarak geliştirilmiş olan Shopify Dawn teması, heryerde Bölümler özelliklerine sahiptir. Yani, herhangi bir sayfada bölümler ekleyebilir ve her sayfada görünen varsayılan bölümler bildirim çubuğu, başlık ve alt bilgi bölümleridir.

Yararlanabileceğiniz diğer bölüm:

• Blog gönderileri
• Kolaj
• Koleksiyon listesi
• İletişim formu
• Özel Liquid
• E-posta kaydol
• Öne çıkan ürün
• Öne çıkan koleksiyon
• Görsel banner
• Metinli resim
• Çok sütunlu
• Sayfa
• Zengin metin
• Video

Her bölümün kendi bölüm ayarları bulunur ve işletme ihtiyaçlarınıza uygun şekilde yapılandırabilirsiniz. Daha ayrıntılı bilgi için Shopify 2.0 meta alanları hakkında blogumuzu okuyabilirsiniz - Neden Shopify dinamik bölümleri oyun değiştirici?

Shopify Dawn Teması - renk şemaları: 

2016 yılında piyasaya sürülen Debut Shopify temasını devrim yapan Shopify Dawn teması, gelişmiş kullanıcı deneyimi tasarımı ve web standartlarını benimser. Sonuç olarak, bu tema öğesinin önceki sürümünden %35 daha hızlı ve ihtiyaç duyulan en yüksek performansa sahip daha esnek bir temadır. 

Renk şemanızı yönetin

• Düz renkler için, 

• Renk seçiciyi kullanın veya 

• Renk kodunun onaltılı değerini girin

• Renk geçişleri için,

• Renk kutusunun içine bir Gradient CSS Kodu yapıştırın

Shopify Dawn Teması'nın Temel Özellikleri 

• Atomik renk sistem:

Bildiğimiz gibi renk, müşteri dönüşümü üzerinde büyük bir etkiye sahiptir; Shopify Dawn teması, tema ifadesini daha çok yönlü kılmak için vurgu rengi ve arka plan rengi sunar. 

• Açık kaynak Tema kodu:

Açık standartların benimsenmesini teşvik eden Shopify Dawn teması, açık kaynak kodlu bir temadır. Referans temalarıyla daha yüksek kaliteli tema geliştirme olanağı sunan Shopify tüccarlara premium Shopify temalarına erişim sağlar.

• Özelleştirilebilir bölümler:

Optimal deneyimi sunmak için doğru yolu belirlemek adına, Shopify Dawn teması slayt gösteri seçeneğini İmaj Banneri bölümüyle değiştirir, bu bölümde bir resim, bir metin parçası ve bir çağrı cümlesi görüntüleyebilirsiniz. 

Shopify Dawn temasının en iyi özelliklerinden biri kaydırıcı bileşenidir, burada resimler birbirine düz bir kayış yerine. Görsel uyumu koruyarak mağaza performansını artırır. 

• Geliştirilmiş performans:

En iyi kullanıcı deneyimini sunmayı gözden kaçırmadan, Shopify Dawn teması esnekliği maksimize etmeyi ve karmaşıklığı minimize etmeyi amaçlar. 

Örneğin, başlık gezintisi (masaüstü tipi) artık bir burger simgesine dönüşmez; aksine, navigasyon öğeleri çarpıştığında birden çok kez saran bir yapıya sahiptir. Bu tema davranışı, esnekliği veya dönüşüm oranını etkilemeden navigasyon düzenini değiştirir. 

Eğer olağanüstü dönüşüm sonuçları getiren kanıtlanmış CRO stratejilerine ihtiyaç duyan bir tüccar iseniz, organizasyonunuzu büyütmenize yardımcı olan HulkApps'teki Shopify CRO uzmanlarıyla işbirliği yapın. 

• Akıllı varsayılanlar: 

Başka özelleştirmeleri yapılandırmak ve bir özelleştirme yapmak için resmi bölümlere sığdırmak veya içeriği bir görüntü üzerine yerleştirmeye zorlamak gibi yollarla görüntü bütünlüğünü ve erişilebilirliğini koruyan Shopify Dawn teması, Shopify temalarının anahtar tasarım prensipleridir. 

Shopify Dawn Teması Özelleştirme ile Marka Sesinizi Gösterin

Online Mağaza 2.0 tanıtımı yeni bir ticaret stilinin başlangıcını işaret ettiğinden, Shopify Dawn teması, daha akıllı, benzersiz tasarım kararları vermenizi sağlarken en iyi performansı sunmayı hedefler, yani temanın hızı yüksektir ve esnekliği arttırır.

Sağlıklı bir performans ve çeviklik dengelemesi sağlamanın yanı sıra, açık kaynak kodlu Shopify Dawn teması mağaza renk seçeneklerinizi basitleştirmekte ve geliştirmektedir. Özelleştirilebilir bölümler ve akıllı varsayılanlar, mağaza tasarımı üzerinde daha fazla kontrol sağlar ve tasarım değişiklikleri için geliştiricilere olan bağımlılığı azaltır. 

Shopify Dawn teması, Ağustos 2021'den itibaren Shopify ile başlayan tüccarlar için yeni varsayılan tema olsa da, HulkApps Shopify Online Mağaza 2.0 uzmanlarıyla işbirliği yaparak Shopify Dawn Online Mağazasından yararlanabilirsiniz.