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.

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.

Adımlar:

Masaüstü

Shopify yöneticinizde Online Mağaza > Temalar'a gidin.
... > Kodu düzenle'ye tıklayın.

iPhone

Shopify uygulamasında dokunun. .
Satış Kanalları bölümünde Online Mağaza' ya dokunun.
Temaları Yönet' e dokunun.
... > Kodu düzenle'ye tıklayın.

Android

Shopify uygulamasında dokunun. .
Satış Kanalları bölümünde Online Mağaza' ya dokunun.
Temaları Yönet' e dokunun.
... > 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ı eski sürümlerine döndürmeniz gerekirse, .liquid ve .json dosyalarını ayrı ayrı değişiklik öncesindeki bir tarih ve saatteki sürümlerine geri döndürebilirsiniz.

Varlıklar klasöründeki dosyalar hariç dizindeki herhangi bir klasördeki tema dosyalarını geri alabilirsiniz. theme.scss.liquid ve theme.js dosyaları dahil olmak üzere Varlıklar klasöründe bulunan dosyalar, daha önce düzenlenmiş sürümleri kaydetmez. Varlıklar klasöründeki dosyalarda değişiklik yapıyorsanız Tema Desteği ile iletişime geçmeniz veya bir Shopify İş Ortağı ile çalışmanız gerekebilir.

Adımlar:

Masaüstü

Shopify yöneticinizde Online Mağaza > Temalar'a gidin.
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.
Tema dosyalarının bulunduğu dizinde yakın zamanda düzenlediğiniz .liquid veya .json dosyalarından birine tıklayın.
Kod düzenleyicisinin üst tarafında Geçerli'ye tıklayın.
Daha eski bir sürümü seçmek için açılır menüyü kullanın. Bir tarih damgası seçildiğinde kod, o tarihteki kayıtlı sürüme geri döndürülecektir.
İ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.
Eski sürüme geri dönmek için Kaydet'e tıklayın.

iPhone

Shopify uygulamasında dokunun. .
Satış Kanalları bölümünde Online Mağaza' ya dokunun.
Tüm temaları yönet'e dokunun.
Düzenlemek istediğiniz temayı bulun, işlemler menüsünü açmak için … düğmesine, ardından Kodu düzenle'ye dokunun.
Tema dosyalarının bulunduğu dizinde, yakın zamanda düzenlediğiniz .liquid veya .json dosyalarından birine dokunun.
Kod düzenleyicisinin üst tarafında Geçerli'ye dokunun.
Daha eski bir sürümü seçmek için açılır menüyü kullanın. Bir tarih damgası seçildiğinde kod, o tarihteki kayıtlı sürüme geri döndürülecektir.
İsteğe bağlı: Hatanın düzeltildiğini doğrulamak için Mağazanın önizlemesini görüntüle'ye dokunun.
Eski sürümü geçerli sürüm yapmak için Kaydet'e dokunun.

Android

Shopify uygulamasında dokunun. .
Satış Kanalları bölümünde Online Mağaza' ya dokunun.
Temaları Yönet' e dokunun.
Düzenlemek istediğiniz temayı bulun, işlemler menüsünü açmak için … düğmesine, ardından Kodu düzenle'ye dokunun.
Tema dosyalarının bulunduğu dizinde, yakın zamanda düzenlediğiniz .liquid veya .json dosyalarından birine dokunun.
Kod düzenleyicisinin üst tarafında Geçerli'ye dokunun.
Daha eski bir sürümü seçmek için açılır menüyü kullanın. Bir tarih damgası seçildiğinde kod, o tarihteki kayıtlı sürüme geri döndürülecektir.
İsteğe bağlı: Hatanın düzeltildiğini doğrulamak için Mağazanın önizlemesini görüntüle'ye dokunun.
Daha eski sürüme döndürmek için ✓ düğmesine dokunun.

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.

Ö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 kişiselleştirmeleri konusunda başka hangi kaynaklardan yararlanabileceğinizi öğrenmek için Tema desteğine ilişkin ek kaynaklar bölümüne bakın.