Tema kodunu düzenleme

Bu sayfanın yazdırılma zamanı: Apr 18, 2024. Geçerli sürüm için https://help.shopify.com/tr/manual/online-store/themes/theme-structure/extend/edit-theme-code adresini ziyaret edin.

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.

Bu sayfada

Temanızı özelleştirmeden önce

Temanızı özelleştirmeye hazırlanmak için önerilen aşağıdaki görevleri gerçekleştirin:

  • 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. Shopify yöneticinizde Online Mağaza > Temalar'a gidin.
  2. ... > Kodu düzenle'ye tıklayın.
  1. Shopify uygulamasında, … düğmesine dokunun.
  2. Satış Kanalları bölümünde online mağaza' ya dokunun.
  3. Temaları Yönet' e dokunun.
  4. ... > Kodu düzenle'ye tıklayın.
  1. Shopify uygulamasında, … düğmesine dokunun.
  2. Satış Kanalları bölümünde online mağaza' ya dokunun.
  3. Temaları Yönet' e dokunun.
  4. ... > 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.

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 bir noktanın göründüğü tema dosyaları dizini

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

Tema dosyanızı eski bir sürümüne geri döndürme

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.

Basamak

  1. Shopify yöneticinizde Online Mağaza > Temalar'a gidin.
  2. Düzenlemek istediğiniz temayı bulun, işlemler menüsünü açmak için … düğmesine, ardından Kodu düzenle'ye tıklayın.
  3. Şablonlar üstbilgisinin altından, yakın zamanda düzenlediğiniz .liquid dosyalarından birine tıklayın.
  4. .liquid dosya adının altındaki Current version'a (Geçerli sürüm) tıklayın.
  5. 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.
  6. İsteğe bağlı: Hatanın düzeltildiğini doğrulamak için Mağazanın önizlemesini görüntüle'ye tıklayın.
  1. Shopify uygulamasında, … düğmesine dokunun.
  2. Satış Kanalları bölümünde online mağaza' ya dokunun.
  3. Temaları Yönet' e dokunun.
  4. Düzenlemek istediğiniz temayı bulun, işlemler menüsünü açmak için … düğmesine, ardından Kodu düzenle'ye tıklayın.
  5. Şablonlar üstbilgisinin altından, yakın zamanda düzenlediğiniz .liquid dosyalarından birine tıklayın.
  6. .liquid dosya adının altındaki Current version'a (Geçerli sürüm) tıklayın.
  7. 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.
  8. İsteğe bağlı: Hatanın düzeltildiğini doğrulamak için Mağazanın önizlemesini görüntüle'ye tıklayın.
  1. Shopify uygulamasında, … düğmesine dokunun.
  2. Satış Kanalları bölümünde online mağaza' ya dokunun.
  3. Temaları Yönet' e dokunun.
  4. Düzenlemek istediğiniz temayı bulun, işlemler menüsünü açmak için … düğmesine, ardından Kodu düzenle'ye tıklayın.
  5. Şablonlar üstbilgisinin altından, yakın zamanda düzenlediğiniz .liquid dosyalarından birine tıklayın.
  6. .liquid dosya adının altındaki Current version'a (Geçerli sürüm) tıklayın.
  7. 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.
  8. İsteğe bağlı: Hatanın düzeltildiğini doğrulamak için Mağazanın önizlemesini görüntüle'ye tıklayın.

Theme Check

Kod düzenleyicisinde, canlı temanızdaki hataları keşfetmek yerine, kod yazılırken hemen geri bildirim sağlayarak hataları önlemeye yardımcı olan bir özellik olan Theme Check bulunur.

Kod düzenleyicisindeki Theme Check, düzenlenen kodda aşağıdaki hataları tanımlayabilir:

  • Bir vitrini yavaşlatabilecek ayrıştırıcı engelleme komut dosyaları
  • Eksik çeviri anahtarları veya yerel ayar dosyasındaki eşleşmemiş çeviriler gibi, çeviri dosyaları arasındaki tutarsızlıklar
  • Eksik şablonlar

Hatalar, kodun altındaki kırmızı bir çizgiyle gösterilir. Hatayı görüntülemek için farenizi vurgulanan satırın üzerine gelin.

Theme Check'in bir kod hatasını algılama örneği

Tema kodunu ö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