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 ve JavaScript de 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.

Adımlar:

  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:

Kod düzenleyicisi sayfası

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 mor 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.

Bir dosyada yapılan değişiklikleri, Kaydet'e tıkladıktan sonra geri almak isterseniz dosyayı açın ve Eski sürümler'e tıklayın. Açılır menüde, gerçekleştirdiğiniz her bir kaydetme işlemi için tarih ve saat gösterilir. Geri dönmek istediğiniz sürümü seçin ve Kaydet'e tıklayın.

Eski sürümler açılır menüsü

Kod düzenleyicisi tam ekrana genişletildiğinde, düzenleyici renk şeması için sayfanın alt tarafındaki düğmelere tıklayarak Açık ile Koyu arasında geçiş yapabilirsiniz:

Koyu renkli şema ile gösterilen kod düzenleyicisi

Koyu renkli düzenleyiciyi kullanmanın avantajları hakkında bilgi edinmek için Shopify Partners Blogundaki The Power of the Dark Side: Dark User Interfaces gönderisine bakı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.

Ö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