Online mağaza temanızda hata giderme

Temanızın beklendiği gibi görüntülenmemesine neden olabilecek birçok farklı durum vardır. Bu durumlar belirli öğelerin kaybolmasına, doğru şekilde çalışmamasına ve diğer görüntüleme sorunlarına neden olabilir. Bunun nedeni, üçüncü taraf bir kodun veya uygulama kodunun tema ya da özel kod kişiselleştirmeleriyle çakışması olabilir. Shopify yöneticinizde düzenlenmesi gereken ayarlar da olabilir. Örneğin çevirisi yapılan içeriğinizi, ürünlerinizi, koleksiyonlarınızı, menülerinizi veya pazarlarınızı gözden geçirmeniz gerekebilir.

Bu kılavuzdaki adımları gözden geçirdikten sonra temanızla ilgili sorun yaşamaya devam ediyorsanız tema destek ekibiyle iletişime geçmeniz gerekebilir. Temalar için destek alma hakkında daha fazla bilgi edinin.

Sorunun kaynağını bulma

Sorunu düzeltmenin ilk adımı, temanızda sorunun kaynağını bulmaktır. Sorunun kaynağını bulmanıza yardımcı olması için aşağıdaki adımları deneyin:

1. Vitrininizi etkileyebilecek bilinen sorunları görmek için Shopify durum sayfasını ziyaret edebilirsiniz. Listelenen benzer bir sorun yoksa sorunu daha ayrıntılı şekilde inceleyebilirsiniz.

2. Cihazınızda yerel bir sorun olabilir. Yerel sorunlar genellikle cihaz veya tarayıcı ayarlarından ya da internet bağlantısındaki sorunlardan kaynaklanır. Sorunun yerel olmadığından ve diğer cihazlarda, tarayıcılarda veya internet bağlantılarında yeniden oluşturulabildiğinden emin olmak için aşağıdaki adımları deneyin:

   • Tarayıcınızın önbelleğini ve çerezleri temizleyin. Shopify Yardım Merkezi'nde Shopify hesabınızla oturum açtıysanız tarayıcınızın önbelleğini ve çerezleri temizlediğinizde oturumunuz kapanır. Sanal Yardım Merkezi asistanını kullanıyorsanız tarayıcınızın önbelleğini ve çerezleri temizlediğinizde sohbet geçmişiniz sıfırlar ve hesabınızdaki oturumunuz kapanır. Bu durmda sanal Yardım Merkezi asistanıyla yeni bir sohbet başlatmanız gerekir.
   • Gizli modda, başka bir cihazda veya Shopify uygulamasında oturum açmayı deneyin.
   • Mobil veri bağlantısını veya başka bir internet bağlantısını kullanmayı deneyin.
   • Tarayıcınızın güncel olduğundan emin olun.
   • Bazı uygulamalar çerezler olmadan doğru şekilde görüntülenemediğinden, tarayıcının tüm çerezleri engelleyecek şekilde ayarlanmadığından emin olun.
   • Sanal Özel Ağ (VPN) kullanmadığınızdan ve Shopify'ı engelleyen etkin bir güvenlik duvarı olmadığından emin olun.

3. Diğer cihazlarda, tarayıcılarda veya internet bağlantılarında da aynı sorunla karşılaşıyorsanız sorun yerel bir sorun değildir ve yeniden oluşturulabiliyordur. Sorunun kaynağını bulmanın sonraki adımı, sorunu başka bir temada yeniden oluşturmaktadır. Theme Store'u ziyaret edip temanın yeni bir sürümünü yükleyin ve sorunun, temanın son sürümünde de ortaya çıkıp çıkmadığını test edin. Ücretsiz bir Shopify teması gibi farklı bir tema yüklemek de iyi bir uygulamadır. Bu yöntemle sorunun belirli bir temadan mı kaynaklandığını yoksa tüm temalarda mı ortaya çıktığını belirleyebilirsiniz. Diğer temaları test ettikten sonra, sorunun ortaya çıkma şekline bağlı olarak, aşağıdaki sonraki adımları denemenizde yarar olabilir:

   • Sorun yalnızca mevcut temanızda ve bu temanın güncellenmiş ve kişiselleştirilmemiş bir sürümünde ortaya çıkıyorsa temanızla ilgili destek almanız gerekebilir.
   • Sorun yalnızca mevcut temada ortaya çıkıyorsa sorunların nedeni bazı tema kodları olabilir. Tema kodunuzu kısa süre önce güncellediyseniz tema kodunuzu önceki bir sürümüne döndürebilirsiniz. Temanın kodunda değişiklik yapmadıysanız tema ayarlarınızı gözden geçirmenizde yarar olabilir. Örneğin Sepete Ekle düğmesi görünmüyorsa tema ayarlarınızda Düğmeler için belirlenmiş renkleri gözden geçirerek bunların farklı ve kontrast sağlayan renkler olduğundan emin olun.
   • Sorun tüm temalarda ortaya çıkıyorsa bu durum Shopify yöneticisi ayarlarınızdan, uygulamalarınızdan veya diğer sorunlardan kaynaklanıyor olabilir.

4. Sorun bir uygulamadan kaynaklanıyor olabilir. Kısa süre önce vitrininizi etkileyen herhangi bir uygulama yüklediyseniz veya bir uygulamayı güncellediyseniz uygulamayı geçici olarak kaldırmayı deneyebilirsiniz. Uygulamayı kaldırdikten sonra sorun ortadan kalkıyorsa uygulamanın vitrininizde doğru görüntülenmesi konusunda daha fazla yardım almak için uygulama geliştiricisinin destek ekibiyle iletişime geçebilirsiniz. Uygulamalarınızla ilgili yardım alma hakkında daha fazla bilgi edinin. Uygulamayı kaldırdıktan sonra sorun devam ediyorsa sorunun kaynağı uygulama değildir.

Görseller doğru şekilde görüntülenmiyor

Görseller beklediğinizden farklı şekilde görüntülenebilir ancak bu durum, görselin temanızda kullanma amacınıza uygun olmamasından kaynaklanabilir. Kullandığınız görselin boyutlarının doğru olduğundan emin olun. Uyumsuz bir görsel yüklendiğinde ortaya çıkabilecek yaygın görüntüleme sorunlarının aşağıdaki listesini gözden geçirin:

• Eğer üst bilginiz beklediğinizden daha büyük ve logo resminiz daha küçük görünüyorsa, bunun nedeni logo resmi dosyasındaki boşluk olabilir. Logo resim dosyasındaki boşluk, logonun daha küçük görüntülenmesine neden olabilir ve boşluk nedeniyle üst bilginiz daha büyük görüntülenebilir. Resim dosyasını düzenleyerek logo etrafından kırpıldığından ve boşluk olmadığından emin olun.
• Slayt gösterisi görseliniz kırpılıyorsa bu işlem, görsellerin mobil cihazlarda masaüstündekiyle aynı şekilde görünmesini sağlamak için, tasarım gereği gerçekleştirilir. İçerik mobil ekranda çok daha küçük görüntülendiğinden, içerik küçültüldüğünde birçok ayrıntı kaybolabilir. Ayrıntıların kaybolmaması için bunun yerine içerik kırpılır. Uzunluğu genişliğinden fazla olan dikey bir görsel, masaüstünde de önemli bir alan kaplayabilir. Bu nedenle, slayt gösterisi görselleri için maksimum yüksek sınırı vardır. Odak noktasının, her zaman slayt gösterisi görselinin merkezinde olmasını sağlamak için slayt gösterisi görsellerine bir odak noktası ekleyin. Odak noktası eklemek işe yaramıyorsa tüm ekran boyutlarında düzgün görünecek bir görsel bulmaya çalışabilirsiniz. Slayt gösterileri için en iyi uygulamalar hakkında daha fazla bilgi edinin.
• Bir GIF görseli doğru şekilde görüntülenmiyorsa ve ürün açıklamasında veya blog gönderisinde olduğu gibi, vitrine zengin metin düzenleyicisiyle eklenmişse sorun görsel boyutundan kaynaklanıyor olabilir. Bu sorunu, zengin metin düzenleyicisinde önce GIF'e, ardından Görseli Düzenle'ye tıklayarak giderebilirsiniz. Görsel boyutu açılır menüsünden Orijinal'i seçin. Ardından, GIF'in boyutunu değiştirmek için resmin köşelerine tıklayıp içeri doğru sürükleyerek küçültebilir veya dışarı doğru sürükleyerek büyütebilirsiniz.
• Vitrindeki görsellerinizin renkleri orijinal görselden büyük bir farklılık gösteriyorsa görselleriniz standart Kırmızı Yeşil Mavi (sRGB) biçiminde olmayabilir. Bu renk değişikliğini düzeltmek için dosyanızı bir fotoğraf düzenleme uygulamasında sRGB olarak kaydedin. "Web optimizasyonu", "Görüntüyü web için düzenle" veya "Web için kaydet" terimleri, bu işlem için kullanılan yaygın terimlerdir. Renk profilleri hakkında daha fazla bilgi edinin.
• Ürün görselleri koleksiyon sayfalarında hizalanmıyorsa ürün görseli dosyalarında en/boy oranını, aynı yükseklik-genişlik oranına sahip olacak şekilde düzenlemeniz ve ürün görsellerini yeniden yüklemeniz gerekebilir. Shopify App Store'daki görsel düzenleme uygulamalarından birini de kullanabilirsiniz.

Ürünler veya koleksiyonlar düzgün şekilde görüntülenmiyor

Vitrininizde bazı ürünler görünmüyorsa Shopify yöneticinizde, ürününüze ait Yayınlama bölümünde Durumu ve Satış Kanallarınızı gözden geçirmeniz gerekebilir. Ürün durumunun Etkin ve ürünün Online Mağazada kullanılabilir durumda olduğundan emin olun.

Vitrininizde bazı koleksiyonlar görünmüyorsa Shopify yöneticinizde, koleksiyonun Yayınlama bölümünde Satış kanallarını gözden geçirmeniz gerekebilir. Koleksiyonun Online Mağazada kullanılabilir durumda olduğundan emin olun. Ayrıca, koleksiyonun menülerinize eklendiğini doğrulamanızda da yarar olabilir.

Koleksiyonlarınız görüntüleniyorsa ancak eksik ürünler varsa Menüler ayarlarınızda, koleksiyondaki tüm etiket filtrelerini gözden geçirmeniz gerekebilir. Koleksiyonu etiketlerle filtrele alanında, ürünlerin görüntülenmesini engelleyecek filtreler olmadığını doğrulayın.

Koleksiyonlarınızdaki ürünler için para birimi doğru şekilde görüntülenmiyorsa ek kod bulunmadığından emin olmak için Ayarlar > Genel'deki Mağaza varsayılanları bölümünde Para birimi görünümünü gözden geçirebilirsiniz. Para biriminin müşterilerinize nasıl gösterileceğini biçimlendirme hakkında daha fazla bilgi edinin.

Bazı ürünler veya koleksiyonlar diğerlerinden farklı şekilde görüntüleniyorsa Shopify yöneticinizde, ürünlere veya koleksiyonlara atanan Tema şablonunu incelemeniz gerekebilir.

Çevirisi yapılan içerikler doğru şekilde görüntülenmiyor

Çevirisi yapılan içerikleriniz doğru şekilde görüntülenmiyorsa veya vitrinde görünmüyorsa içeriklerin çevirileri güncel olmayabilir veya eksik çeviriler olabilir. İçerikler, bir pazara ait belirli bir şablonda da olabilir. Varsayılan dilinizde her içerik eklediğinizde otomatik çeviriyi yeniden çalıştırmayı veya manuel olarak yeni çeviri eklemeyi unutmayın.

Çevrilmiş içerik için aşağıdaki durumlar geçerli olabilir:

• Çevrildi: İçeriğin çevirileri mevcut.
• Güncel değil: Varsayılan dildeki içerik güncellendi ancak çeviriler güncellemeleri yansıtmıyor.
• Çevrilmedi: Bu içerik türü için çeviri yok.

Çevirisi yapılan içeriklerinizi gözden geçirirken, çevirisi yapılmamış veya güncel olmayan içerikleri güncellerseniz çevirisi yapılan içeriklerinizin doğru şekilde görüntülenmesi gerekir.

Mağazanızı çevirme ve yerelleştirme hakkında daha fazla bilgi edinin.

Tema düzenleyicisinde yapılan güncellemeler, vitrinde görüntülenmiyor

Vitrininizde ve tema düzenleyicinizde aynı bilgiler görüntülenmiyorsa düzenlemekte olduğunuz tema şablonunu gözden geçirin. Doğru bilgilerin görüntülenmesi için bazı düzenlemeler yaparak tema şablonlarınızı güncellemeniz gerekebilir. Pazar geçersiz kılmaları, farklı pazarlar için farklı vitrinler oluşturmanıza ve çevirisi yapılmış içerikleri görüntülemenize olanak sağlar. Güncellemeleri yaparken yanlışlıkla belirli bir pazar veya B2B üzerinde çalışmış olabilirsiniz. İçeriklerin doğru pazarlarda olduklarından emin olmak için bunları tema düzenleyicinizin Pazar açılır menüsüyle bulun.

Pazar geçersiz kılma işlemleri hakkında daha fazla bilgi edinin.

Mobil ve masaüstü görünümleri arasındaki temanızdaki farklılıklar

Shopify Tema mağazasında bulunan tüm temalar, ekran boyutuna uyum sağlayan etkileşimli temalardır. Tema düzenleyicisinde, temanızı düzenlerken ekran boyutu görünümünü değiştirebilir, böylece sayfalarınızın ve görsellerinizin doğru şekilde görüntülenmesini sağlayabilirsiniz. Tema düzenleyicisinde farklı ekran boyutlarını görüntüleme hakkında daha fazla bilgi edinin.

Bölümlerin ve blokların birçoğunun özelleştirebileceğiniz mobil ayarları vardır. Örneğin, İlgili ürünler bölümünde Mobilde sütun sayısını ayarlayabilirsiniz. Mobil ekran boyutunda herhangi bir görüntüleme sorununu gidermek için her sayfa türü için mobil ile ilgili ayarlar bölümünü inceleyebilirsiniz.

Temanın tüm ekran boyutlarında erişilebilirliğini garantilemek için bazı tema özellikleri masaüstünden farklı olarak mobilde görüntülenebilir. Örneğin, bir masaüstü ekran boyutunda, slayt gösteriniz, metnin görüntünün üstünde genellikle görüntü rengi opaklığı veya metin gölgesiyle görüntülendiği bir metin yer paylaşımına sahip olabilir. Ancak mobil ekran boyutunda metin, slayt gösterisinin altında görüntülenebilir. Bu, metnin her ekran boyutunda okunabilmesi için tasarlanmış bir erişilebilirlik özelliğidir. Eğer metin yer paylaşımlı olsaydı, mobil cihazlarda çok küçük görüntülenecek ve okunması zorlaşacaktı.

Vitrininizi mobilden görüntülerken öne çıkan koleksiyon bölümünüz veya Koleksiyon sayfanız tutarsız boyutta görünüyor veya hizalanmıyorsa bunun nedeni tutarsız en-boy oranları olabilir. Ürün görsellerinin bir koleksiyon veya öne çıkan koleksiyon içinde görüntülendiği görsel ızgaralar, ekran boyutuna duyarlı olacak şekilde tasarlanmıştır. Görsel ızgara içindeki görüntülerinizin en boy oranları tutarsızsa, ekran boyutuna bağlı olarak farklı şekilde görüntülenebilirler. 2048 px x 2048 px boyutundaki kare ürün görselleri, genellikle ürün ızgaralarında en iyi şekilde görüntülenir. Güncelle görüntülerinizin tüm ekran boyutlarında optimizasyon için tutarlı bir en boy oranına sahip olmasını sağlayın. Görüntünün en boy oranı hakkında daha fazla bilgi edinin.

Zengin metin düzenleyicisi

Bazen zengin metin düzenleyicinizde eklenen HTML kodu, tema kodunuzla çakışmaya neden olur. Sorun, ürün sayfası, sayfa veya blog gönderisi gibi tek bir sayfada ortaya çıkıyorsa ek HTML kodundan kaynaklanıyor olabilir. Bu kod, bazen başka bir siteden metin kopyalayıp yapıştırma sonucunda eklenebilir.

HTML kodunu inceleme

HTML kodunu zengin metin düzenleyicisinde inceleyebilirsiniz.

Adımlar:

1. Yöneticinizde sayfaya gidin.
2. HTML kodunu görüntülemek için </> HTML'yi göster düğmesine tıklayın.
3. Görüntüleme sorunlarına neden olabilecek HTML kodunu bulun ve kaldırın.
4. Kaydet'e tıklayın.

Biçimlendirmeyi temizleme

Metnin bir bölümünü vurgulayıp HTML biçimlendirmesini temizleyebilirsiniz.

Adımlar:

1. Yöneticinizde sayfaya gidin.
2. Biçimlendirme sorunlarının bulunduğu metni vurgulayın.
3. 🚫 düğmesine tıklayın.
4. Kaydet'e tıklayın.

Zengin metin düzenleyicisi hakkında daha fazla bilgi edinin.

Sayfa, desteklenmeyen bir URL'ye yönlendiriyor

Vitrininizde kullanıcıları mağazanıza bağlı olmayan URL'lere yönlendiren bir kod varsa tema düzenleyicisini ziyaret ettiğinizde yönlendirmenin devre dışı bırakıldığını doğrulayın.

Örneğin bu tür bir yönlendirme, alıcıları konumlarına bağlı olarak farklı Shopify mağazalarına yönlendirmek için vitrine eklenebilir. Bu tür bir yönlendirme kodu temanızda veya yüklediğiniz bir uygulamada mevcut olabilir.

Yönlendirmenizin düzenleyici deneyimini etkilemediğinden emin olmak amacıyla, tema düzenleyicisini ziyaret ettiğinizde yönlendirmeyi devre dışı bırakmak için JavaScript'teki window.Shopify.designMode değişkenine verilen bir referansı kullanın. Bu değişken, vitrin düzenleyicide yüklüyse true, yüklü değilse false olarak ayarlanır.

Kod hatası mesajları

Tema kodunuzda bir söz dizimi hatası varsa tema düzenleyicinizinde HTML error found veya Theme error uyarı mesajı görüntülenir. Hata mesajı, hatanın bulunduğu Liquid dosyasını gösterir.

Bozuk bir HTML kodu varsa The theme you're looking for couldn't be found uyarı mesajı görüntülenebilir. Bir sayfa, aşağıdakiler gibi birçok nedenden ötürü tema düzenleyicisinde yüklenemeyebilir:

• Ağ bağlantısı sorunları
• Temanızda geçersiz Liquid kodu olması

Tema kodunuzda kod değişikliklerini bulup kodu düzeltebilir veya dosyayı, kod değişikliğinden önceki durumuna döndürebilirsiniz.

Basamak

1. Hata mesajında bağlantısı verilen .liquid bölüm dosyasına tıklayın veya son değişikliklerin yapıldığı dosyaları gözden geçirin. Bu işlem sizi HTML/CSS sayfasını düzenleme sayfasına yönlendirir ve dosya, kod düzenleyicisinde açılır.

2. Dosyadaki koda göz atın ve geçersiz HTML veya Liquid kodunu bulmaya çalışın. Kod düzenleyicisi, olası söz dizimi hatalarını kırmızı renkte gösterir. Sık karşılaşılan sorunlardan bazıları şunlardır:

   • Fazladan kapanış HTML etiketleri, örneğin, açılış etiketi olmayan bir </div> kapanış etiketi <div>
   • Fazladan kapanmamış HTML etiketleri, örneğin, kapanış etiketi olmayan bir <div> açılış etiketi </div>
   • Hatalı biçimlendirilmiş HTML etiketleri, örneğin, > ile kapanmamış <div class="my-class" etiketi >
   • Hatalı biçimlendirilmiş Liquid kodu
   • Dahil edilen bir tema parçacığı dosyasında bozuk HTML

3. Sorunu bulduktan sonra tema dosyanızdaki kodu düzeltin veya Son değişiklikler'den kodun önceki bir sürümünü seçerek kodu eski haline döndürün.

4. Kaydet'e tıklayın.

5. Tema düzenleyicisine geri dönmek için Özelleştir'e tıklayın ve hata mesajının gözükmediğinden emin olun.

6. Beklendiği gibi görüntülendiğini doğrulamak için vitrininize gidin.