Tema Editörüne Erişim
Tema editörünü açmak için Yönetim → Tema bölümüne gidin. Burada kurulu tüm temaları, aktif temayı ve mağaza görünümünüzü özelleştirme araçlarını bulursunuz.1
Yönetim panelinize giriş yapın
Mağazanızın yönetim URL’sine gidin ve yönetici bilgilerinizle oturum açın.
2
Tema bölümünü açın
Sol kenar çubuğunda tema yönetim alanına girmek için Tema’ya tıklayın.
Tema Kurma
GurStore, yönetim panelinden doğrudan yükleyebileceğiniz tema paketlerini destekler. Yüklendikten sonra tema kütüphanenize eklenir ve yayına almadan önce özelleştirmeye hazır olur.1
Yönetim → Tema bölümüne gidin
Kenar çubuğundan tema yönetim alanını açın.
2
Tema Yükle'ye tıklayın
Tema Yükle düğmesini seçin ve tema paketi dosyanızı (
.zip biçimi) seçin.3
Kurulumun tamamlanmasını bekleyin
GurStore temayı açar ve kaydeder. İşlem bittiğinde temanın kütüphanenizde belirdiğini görürsünüz.
4
Etkinleştirmeden önce önizleyin
Yeni kurulan temayı yayına almadan önce nasıl göründüğünü incelemek için yanındaki Önizle
düğmesini kullanın.
Tema Etkinleştirme
GurStore’da yeni bir temaya geçmek sorunsuzdur — geçiş sırasında mağazanız çevrimiçi kalır ve önceki temanız korunur; böylece istediğiniz zaman geri dönebilirsiniz.1
Etkinleştirmek istediğiniz temayı bulun
Yönetim → Tema’da kütüphanenizde yayına almak istediğiniz temayı bulun.
2
Etkinleştir'e tıklayın
Temanın yanındaki Etkinleştir’i seçin. GurStore onu mağazanıza anında uygular.
3
Değişikliği doğrulayın
Yeni temanın müşteriler için doğru gösterildiğini teyit etmek için mağazanızı ziyaret edin.
Geçiş yaptığınızda önceden aktif olan temanız asla silinmez. Tema kütüphanenizde kalır ve yeniden
kurmadan istediğiniz zaman tekrar etkinleştirebilirsiniz.
Tema Dosyalarını Düzenleme
Tema editörü, tema kaynak dosyalarınızı doğrudan yönetim panelinde gezip düzenlemenizi sağlayan yerleşik bir dosya tarayıcısı içerir. Bu; tarayıcınızdan ayrılmadan hassas düzen ayarları yapmak veya şablon mantığını düzenlemek için kullanışlıdır.1
Dosya ağacını açın
Yönetim → Tema’da aktif veya kurulu temanızda Düzenle düğmesine tıklayın. Editörün sol
tarafında dosya ağacı paneli açılır.
2
Bir dosyaya göz atın ve seçin
Düzenlemek istediğiniz dosyayı bulmak için dosya ağacındaki klasörleri genişletin. Kod editöründe
açmak için dosya adına tıklayın.
3
Değişikliklerinizi yapın
Dosya içeriğini editör bölmesinde düzenleyin. Yaygın şablon ve stil biçimleri için söz dizimi
vurgulama mevcuttur.
4
Değişikliklerinizi kaydedin
Düzenlemeleri uygulamak için Kaydet’e tıklayın. Tema aktifse değişiklikler mağazanıza anında
yansır.
Düzenleyebileceğiniz yaygın dosyalar
Düzenleyebileceğiniz yaygın dosyalar
- layout/theme.liquid — genel sayfa yapısını ve saran öğeleri kontrol eder
- templates/index.liquid — ana sayfa şablonu
- templates/product.liquid — ürün detay sayfası düzeni
- assets/main.css — boşluk, tipografi ve özel stiller için genel stil dosyası
- snippets/header.liquid — gezinme ve başlık bileşeni
Renk Paleti Özelleştirme
Mağazanızın renk şemasını hiç kod dokunmadan güncelleyebilirsiniz. Renk paleti ayarları; mağazanızın tamamında kullanılan birincil, vurgu ve arka plan renklerini tanımlamanıza olanak tanır.1
Tema Ayarlarını açın
Yönetim → Tema’da görsel özelleştiriciyi açmak için aktif temanızda Özelleştir’e tıklayın.
2
Renklere gidin
Özelleştirici kenar çubuğunda Renkler veya Palet bölümünü seçin.
3
Renklerinizi belirleyin
Aşağıdakilerin her biri için renk seçiciyi kullanın veya bir hex kodu girin:
Birincil Renk
Düğmeler, bağlantılar ve temel arayüz öğeleri için kullanılan ana marka rengi.
Vurgu Rengi
Öne çıkarma, rozet ve fareyle üzerine gelme durumları için tamamlayıcı bir renk.
Arka Plan Rengi
Mağaza sayfalarınız için temel arka plan rengi.
4
Kaydedin ve önizleyin
Renk değişikliklerinizi uygulamak için Kaydet’e tıklayın, ardından güncellenen paleti görmek
için mağazanızı ziyaret edin.