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.
Basamak
- Shopify yöneticinizde Online Mağaza > Temalar'a gidin.
- ... > Kodu düzenle'ye tıklayın.
- Shopify uygulamasında, … düğmesine dokunun.
- Satış Kanalları bölümünde online mağaza' ya dokunun.
- Temaları Yönet' e dokunun.
- ... > Kodu düzenle'ye tıklayın.
- Shopify uygulamasında, … düğmesine 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:
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
- 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.
- Şablonlar üstbilgisinin altından, yakın zamanda düzenlediğiniz .liquid dosyalarından birine tıklayın.
-
.liquid
dosya adının altındaki Current version'a (Geçerli sürüm) tıklayın. - 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.
- İ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.
- Shopify uygulamasında, … düğmesine 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 tıklayın.
- Şablonlar üstbilgisinin altından, yakın zamanda düzenlediğiniz .liquid dosyalarından birine tıklayın.
-
.liquid
dosya adının altındaki Current version'a (Geçerli sürüm) tıklayın. - 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.
- İ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.
- Shopify uygulamasında, … düğmesine 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 tıklayın.
- Şablonlar üstbilgisinin altından, yakın zamanda düzenlediğiniz .liquid dosyalarından birine tıklayın.
-
.liquid
dosya adının altındaki Current version'a (Geçerli sürüm) tıklayın. - 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.
- İ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.
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.