Tema kodunu düzenleme

Online mağazanızda ayrıntılı değişiklikler yapmak için tema kodunuzu düzenleyebilirsiniz. Bir temayı oluşturan dosyaların çoğu, Shopify'ın şablon oluşturma dili olan Liquid'i içerir. Tema dosyaları HTML, CSS, JSON ve JavaScript içerir. HTML ve CSS bilmiyorsanız ve Liquid ile ilgili en azından temel düzeyde bilginiz yoksa bir temanın kodunu düzenlemeyin.

Temanızı özelleştirmeden önce

Temanızı özelleştirmeden önce aşağıdaki işlemleri gerçekleştirmenizi öneririz:

  • Yedek bir kopya oluşturmak için temanızı çoğaltın. Bu, gerektiğinde değişikliklerinizi atıp tekrar başlamanızı kolaylaştırır.
  • Hangi destek düzeyinin sunulduğunu anladığınızdan emin olun.
  • Görsel yükleme ile ilgili gereklilikler ve en iyi uygulamalar hakkında bilgi edinin.

Tema kodunuzu düzenleme

Temanızın kodunu düzenleyebilirsiniz.

Basamak

  1. İşlemler > Kodu düzenle'ye tıklayın.

Kod düzenleyicisi, sol tarafta tema dosyalarının bir dizinini, sağ tarafta ise dosyaların görüntülenip düzenlenebileceği bir alanı gösterir.

Genişlet simgesine tıklayarak kod düzenleyicisini, ekranı dolduracak şekilde genişletebilirsiniz:

Genişlet simgesi

Daralt simgesine tıklayarak sayfayı normale döndürebilirsiniz:

Daralt simgesi

Soldaki dizinde yer alan bir dosyaya tıkladığınızda bu dosya, kod düzenleyicisinde açılır. Aynı anda birden fazla dosyayı açıp düzenleyebilirsiniz. Değiştirdiğiniz tüm dosyalar için dosya adının yanında bir nokta gösterilir:

Değiştirilmiş dosyaların yanında mor bir noktanın göründüğü tema dosyaları dizini

Bu, değişiklik yaptığınız yerleri takip etmenize yardımcı olur.

Temanızın eski bir sürümüne geri dönün

Tema dosyalarını değiştirdiyseniz ve bu dosyaları geri döndürmeniz gerekirse, .liquid dosyalarının her birini değişiklik öncesindeki bir tarihe geri döndürebilirsiniz.

  1. Şablonlar üstbilgisinde, son zamanlarda düzenlediğiniz .liquid dosyalarından birine tıklayın.

  2. .liquid dosya adının yanındaki Eski sürümler'e tıklayın.

  3. Daha eski bir sürümü seçmek için açılır menüye tıklayın. Bir tarih damgasına tıklamak, kodu kaydedilen sürüme geri döndürür.

  4. İsteğe bağlı: Önizleme'ye tıklayın ve hatanın düzelip düzelmediğini görün.

Tema kodu özelleştirme eğitimleri

Online mağazanızda değişiklik yapma konusunda sizi yönlendirmesi için tema kodu özelleştirme eğitimlerini takip edebilirsiniz. Eğitimler, değiştirilen sayfanın veya özelliğin türüne göre düzenlenir.

Tema özelleştirme eğitimleri, kullandığı tema mimarisinin sürümüne göre ayrılır. Tema mimarisi sürümlerinizi nasıl belirleyebileceğinizi öğrenin.

Özelleştirmelerle ilgili yardım alma

Temanızda değişiklik yapma konusunda yardıma ihtiyacınız varsa destek almak için temanızın geliştiricisiyle iletişime geçebilirsiniz.

Tema özelleştirmeleri konusunda başka hangi kaynaklardan yararlanabileceğinizi görmek için Tema desteğine ilişkin en kaynaklar bölümüne bakın.

Shopify ile satış yapmaya hazır mısınız?

Ücretsiz olarak dene