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.
Basamak
- Shopify yöneticinizden Online Mağaza > Temalar'a gidin.
- Shopify uygulamasından Mağaza'ya dokunun.
- Satış kanalları bölümünde Online Mağaza'ya dokunun.
- Temaları yönet'e dokunun.
- Shopify uygulamasından Mağaza'ya dokunun.
- Satış kanalları bölümünde Online Mağaza'ya dokunun.
- Temaları yönet'e dokunun.
- İş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:
Daralt simgesine tıklayarak sayfayı normale döndürebilirsiniz:
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.
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.
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 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.