Online mağaza temanızdaki hataları giderme

Görseller beklediğinizden farklı görüntülenebilir ancak bunun nedeni, görselin temanızda kullanım amacınızla uyumlu olmaması olabilir. Kullandığınız görselde görsel boyutlarının doğru olduğunu doğrulayın. Uyumsuz bir görsel yüklerken ortaya çıkabilecek yaygın görüntüleme sorunlarının yer aldığı aşağıdaki listeyi inceleyin:

• Üstbilginiz beklediğinizden daha büyük ve logo görseliniz beklediğinizden daha küçük görüntüleniyorsa bunun nedeni logo görseli dosyasındaki boşluklar olabilir. Logo görseli dosyasındaki boşluklar, logonun daha küçük görüntülenmesine ve üstbilginizin boşluk nedeniyle daha büyük görünmesine neden olabilir. Logonun etrafından kırpıldığını ve hiç boşluk olmadığını doğrulamak için görsel dosyasını düzenleyin.
• Slayt gösterisi görseliniz kırpılıyorsa bu, görsellerin mobilde ve masaüstünde aynı şekilde görüntülenmesini sağlamak için tasarım gereğidir. İçerik mobil ekranda çok daha küçük göründüğünden, içeriği küçülterek birçok ayrıntı kaybolabilir. Bunun yerine, ayrıntıların kaybolmamasını sağlamak için içerik kırpılır. Genişliğinden daha uzun olan dikey bir görsel de masaüstünde önemli ölçüde yer kaplayabilir. Bu nedenle slayt gösterisi görsellerinin maksimum yüksekliği vardır. Slayt gösterisi görsellerinize bir odak noktası ekleyerek odak noktasının her zaman slayt gösterisi görselinin merkezinde olmasını sağlayabilirsiniz.

  Uyarlanabilir yükseklik seçeneği: Birçok Shopify teması, slayt gösterisi yüksekliğini ilk görsel slaytıyla eşleşecek şekilde ayarlayan ve farklı ekran boyutlarında kırpmayı azaltan, slayt gösterileri için uyarlanabilir bir yükseklik ayarı içerir. Bu özellik, Shopify tarafından geliştirilen mevcut tüm desteklenen temalarda mevcuttur.

• Bir GIF görseli doğru görüntülenmiyorsa ve ürün tanımı veya blog gönderisi gibi bir alanda zengin metin düzenleyicisiyle dijital vitrininize eklendiyse bunun nedeni görselin boyutu olabilir. Zengin metin düzenleyicisinde GIF'e ve ardından Görseli düzenle'ye tıklayarak bu durumu düzeltebilirsiniz. Görsel boyutu açılır menüsünde Orijinal'i seçin. Ardından, görselin köşelerini içe doğru tıklayıp sürükleyerek GIF'i küçültebilir veya dışa doğru sürükleyerek büyütebilirsiniz.
• Görsellerinizde, orijinal görsele kıyasla dijital vitrininizde önemli bir renk değişikliği varsa görselleriniz standart Kırmızı Yeşil Mavi (sRBG) renklerinde olmayabilir. Bu renk değişikliğini düzeltmek için dosyanızı bir fotoğraf düzenleme uygulamasında sRBG olarak kaydedin. Bunun için kullanılan yaygın terimler "Web için optimize et", "Görseli Web'e göre ayarla" veya "Web için kaydet" şeklindedir. Renk profilleri hakkında daha fazla bilgi edinin.
• Koleksiyon sayfalarınızdaki ürün görselleriniz hizalanmıyorsa ürün görseli dosyalarındaki en boy oranını, aynı yükseklik/genişlik oranına sahip olacak şekilde ayarlamanız ve ardından ürün görselini yeniden yüklemeniz gerekebilir. Ayrıca Shopify App Store'daki bir görsel düzenleme uygulamasını da kullanabilirsiniz.

Sorun gidermenize yardımcı olacak adımlar ve kendi sorununuz için aşağıdaki sorunları inceleyin:

• Eksik ürünler: Ürünleriniz dijital vitrininizde eksikse Shopify yöneticinizde ürününüzün Yayınlama bölümündeki Durum ve Satış Kanalları'nı incelemeniz gerekebilir. Ürün durumunun Etkin olduğunu ve ürünün Online Mağaza'da mevcut olduğunu doğrulayın.
• Eksik koleksiyonlar: Koleksiyonlarınız dijital vitrininizde eksikse Shopify yöneticinizde koleksiyonun Yayınlama bölümündeki Satış kanalları'nı incelemeniz gerekebilir. Koleksiyonun Online Mağaza'da mevcut olduğunu ve menülerinize eklendiğini doğrulayın.
• Koleksiyonlar görüntüleniyor ancak ürünler eksik: Koleksiyonlarınız görüntüleniyor ancak eksik ürünler varsa Menüler ayarlarınızda koleksiyon için etiket filtrelerini gözden geçirmeniz gerekebilir. Koleksiyonu etiketlerle filtrele alanında ürünlerin görüntülenmemesine neden olabilecek hiçbir etiket bulunmadığını doğrulayın.
• Para birimi doğru değil: Para biriminiz ürünler veya koleksiyonlarınız için doğru görüntülenmiyorsa ek kod bulunmadığını doğrulamak için Ayarlar > Genel bölümündeki Mağaza varsayılanları kısmında Para birimi ekranı'nı inceleyebilirsiniz. Para biriminin müşterilerinize nasıl görüneceğini biçimlendirme hakkında daha fazla bilgi edinin.
• Bazı ürünler farklı görüntüleniyor: Bazı ürünler veya koleksiyonlar diğerlerinden farklı görüntüleniyorsa Shopify yöneticinizde ürünlere veya koleksiyonlara atanan Tema şablonu'nu inceleyin.
• Ürün veya koleksiyon şablonları düzenlenemiyor: Varsayılan ürün veya koleksiyon şablonları tema düzenleyicisinde gri renkteyse ve seçilemiyorsa Online Mağaza satış kanalında en az 1 ürünü veya koleksiyonu kullanılabilir hâle getirmeniz gerekir. Değişiklikleri önizlemek için ürünler veya koleksiyonlar kullanılabilir hâlde olmadan bu varsayılan şablonları düzenleyemezsiniz. Bir koleksiyonun kullanılabilirliğini değiştirme ve satış kanallarınızda ürün kullanılabilirliğini ayarlama hakkında daha fazla bilgi edinin.

Çevrilen içeriğiniz düzgün görüntülenmiyorsa veya dijital vitrininizde eksikse içerik için güncel olmayan çeviriler veya eksik çeviriler olabilir. İçerik, bir pazara özel belirli bir şablonda da olabilir. Varsayılan dilinizde herhangi bir yeni içerik eklediğinizde, otomatik çeviriyi yeniden çalıştırmayı veya manuel olarak yeni çeviriler 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.

Çevrilmiş içeriğinizi incelerken çevrilmemiş veya güncel olmayan içerikleri güncelleyin. Bu işlemden sonra çevrilmiş içeriğiniz doğru şekilde görüntülenecektir.

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

Dijital vitrininiz ve tema düzenleyiciniz aynı bilgileri göstermiyorsa düzenlediğiniz tema şablonunu inceleyin. Doğru bilgileri görüntülemek için tema şablonlarınızda düzenleme yapmanız gerekebilir.

Pazara özel ayarlar, farklı pazarlar için farklı dijital vitrinler oluşturmanıza ve çevrilmiş içerikleri görüntülemenize olanak tanır. Güncelleme yaparken farkında olmadan belirli bir pazar veya B2B dahilinde çalışıyor olabilirsiniz. İçeriğin doğru pazarlarda olduğundan emin olmak için tema düzenleyicinizdeki Pazar açılır menüsünü kullanarak içeriği bulun.

Pazara özel ayarlar hakkında daha fazla bilgi edinin.

Shopify Tema Mağazası'nda bulunan tüm temalar, temanın ekran boyutuna uyum sağladığı anlamına gelen etkileşimli temalardır. Tema düzenleyicisinde, tema düzenlemesi sırasında ekran boyutu görünümünü değiştirerek sayfalarınızın ve görsellerinizin doğru şekilde görüntülendiğini doğrulayabilirsiniz. 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ğunda özelleştirebileceğiniz mobil ayarları bulunur. Örneğin, İlgili ürünler bölümünde Mobildeki sütun sayısı ayarını yapabilirsiniz. Mobil ekran boyutlarındaki görüntüleme sorunlarını gidermek için her şablonun mobil cihazlarla ilgili bölüm ayarlarını inceleyebilirsiniz.

Bazı tema özellikleri, temanın tüm ekran boyutlarında erişilebilir olmasını sağlamak için mobilde masaüstünden farklı görüntülenebilir. Örneğin, masaüstü ekran boyutunda slayt gösterinizde, metnin genellikle bir görsel rengi opaklığı veya metin gölgesiyle görselin üzerinde görüntülendiği bir metin yer paylaşımı olabilir. Ancak mobil ekran boyutlarında metin, slayt gösterisinin altında görüntülenebilir. Bu, metnin her ekran boyutunda okunabilir olması için bilinçli olarak tasarlanmış bir erişilebilirlik özelliğidir. Metin bunun yerine bir yer paylaşımı olsaydı mobilde çok küçük görünür ve okunması zor olurdu.

Öne çıkan koleksiyon bölümünüz veya koleksiyon sayfalarınız, dijital vitrininizi mobilde görüntülerken tutarsız boyutlarda görüntüleniyorsa ya da hizalanmıyorsa bunun nedeni tutarsız en boy oranları olabilir. Bir koleksiyon veya öne çıkan koleksiyon içinde görüntülenen ürün görselleri gibi görsel ızgaraları, ekran boyutuna uyum sağlayacak şekilde oluşturulur. Görsel ızgarasındaki görsellerinizin en boy oranları tutarsızsa ekran boyutuna bağlı olarak farklı görüntülenebilirler. 2048 x 2048 piksel boyutundaki kare ürün görselleri genellikle ürün ızgaralarında en iyi sonucu verir. Tüm ekran boyutlarında optimizasyon için görsellerinizi tutarlı bir en boy oranına sahip olacak şekilde güncelleyin. Görsel en boy oranı hakkında daha fazla bilgi edinin.

Bazen zengin metin düzenleyicinize eklenen HTML kodu, tema kodunuzla çakışır. Sorun; ürün sayfası, sayfa veya blog gönderisi gibi tek bir sayfada mevcutsa bunun nedeni fazladan HTML olabilir. Bu bazen başka bir siteden metin kopyalayıp yapıştırılarak eklenebilir.

HTML kodunu inceleyin

Zengin metin düzenleyicisindeki HTML kodunu inceleyebilirsiniz.

Adımlar:

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

Biçimlendirmeyi temizleyin

Metnin bir bölümünü vurgulayabilir ve HTML biçimlendirmesini temizleyebilirsiniz.

Adımlar:

1. Yöneticinizde sayfaya gidin.
2. Biçimlendirme sorunları olan 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.

Dijital vitrininiz, kullanıcıları mağazanıza bağlı olmayan URL'lere yönlendiren kod içeriyorsa 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, müşterileri konumlarına bağlı olarak farklı Shopify mağazalarına yönlendirmek için bir dijital vitrine eklenebilir. Bu tür bir yönlendirme kodu, temanızda veya yüklediğiniz bir uygulamada bulunabilir.

Yönlendirmenizin düzenleyici deneyimine müdahale etmediğini doğrulamak için tema düzenleyicisini ziyaret ettiğinizde yönlendirmeyi devre dışı bırakmak üzere JavaScript'teki window.Shopify.designMode değişkenine bir referans kullanın. Bu değişken, dijital vitrin düzenleyicide yüklendiğinde true, yüklenmediğinde ise false olarak ayarlanır.

Tüm ürün sayfalarında aynı içeriği gösteren daraltılabilir bloklarınız veya başka tema bloklarınız varsa meta alanlar ile dinamik kaynaklar ayarlamanız gerekir. Bu durum genellikle satıcılar, bir ürüne içindekiler veya bakım talimatları gibi ürüne özgü bilgiler eklediğinde ancak bu bilgilerin tüm ürünlerde görüntülenmesiyle yaşanır.

Daraltılabilir bloklar tüm ürünlerde aynı metni görüntülüyor

Tema düzenleyicinizdeki daraltılabilir bir bloğa doğrudan içerik eklediğinizde bu içerik tüm ürün sayfalarında görüntülenir. Ürüne özel içerikleri görüntülemek için meta alanlarla birlikte dinamik kaynakları kullanmanız gerekir:

1. Shopify yöneticinizde Ayarlar > Meta alanlar > Ürünler'e gidin.
2. Tanım ekle'ye tıklayın.
3. Meta alanınız için bir Ad girin, ardından İçerik türü seç'e tıklayın.
4. Metin'i ve Çok satırlı metin'i seçin.
5. Kaydet'e tıklayın.
6. Yöneticinizde bir ürün sayfasına gidin ve sayfanın altındaki meta alanlar bölümüne ilerleyin.
7. Ürüne özgü içeriğinizi, oluşturduğunuz meta alana ekleyin.
8. Tema düzenleyicinizde ürün şablonuna gidin ve Daraltılabilir satır bölümünüzü bulun.
9. Satır içeriği ayarında düğmesine tıklayın.
10. Kullanılabilir seçenekler arasından meta alanınızı seçin.
11. Değişikliklerinizi kaydedin.

Artık her ürün, meta alan doldurulduğunda kendi içeriğini görüntüler ve söz konusu ürün için meta alan boşsa hiçbir içerik görüntülenmez.

Online mağazanızda meta alanları görüntüleme ve dinamik kaynaklarla meta alanları ve meta nesneleri kullanma hakkında daha fazla bilgi edinin.

Tema kodunuzda bir söz dizimi hatası varsa tema düzenleyicinizde HTML hatası bulundu veya Tema hatası uyarı mesajı görüntülenir. Hata mesajında, hatayı içeren Liquid dosyası gösterilir.

Herhangi bir bozuk HTML olduğunda Aradığınız tema bulunamadı uyarı mesajı görüntülenebilir. Bir sayfa, aşağıdaki gibi birçok nedenden dolayı tema düzenleyicisinde yüklenemeyebilir:

• ağ bağlantısı sorunları
• temanızdaki geçersiz Liquid kodu

Tema kodunuzdaki kod değişikliklerini bulup kodu düzeltebilirsiniz. Etkilenen mevcut dosyayı belirleyebilirseniz kod düzenleyicisinin Zaman akışı görünümünde bu dosyayı mevcut bir önceki sürüme geri yükleyebilirsiniz.

Adımlar:

1. Hata mesajında bağlantısı verilen .liquid bölüm dosyasına tıklayın veya son değişiklikler için dosyaları inceleyin. Bu sizi HTML/Basamaklı Stil Sayfaları (CSS) düzenleme sayfasına götürür ve dosya, kod düzenleyicide açılır.
2. Dosyadaki koda göz atın ve geçersiz HTML veya Liquid bulmaya çalışın. Kod düzenleyici, olası söz dizimi hatalarını kırmızı renkte görüntüler. Yaygın sorunlar arasında şunlar yer alır:
   • Fazladan HTML kapanış etiketleri; örneğin, bir açılış <div> etiketi olmadan bir kapanış </div> etiketi olması
   • Fazladan kapatılmamış HTML etiketleri; örneğin, kapanış </div> etiketi olmadan bir açılış <div> etiketi olması
   • Hatalı biçimlendirilmiş HTML etiketleri; örneğin, sonunda > işareti olmayan <div class="my-class" gibi
   • Hatalı biçimlendirilmiş Liquid kodu
   • Dahil edilen bir tema parçacığı dosyasında bozuk HTML olması
3. Sorunu bulduktan sonra tema dosyanızdaki kodu düzeltin. Kod düzenleyicisinin Zaman akışı görünümünü kullanarak önceki bir sürümü seçer ve İçeriği geri yükle işlemini yaparsanız tüm dosya içeriği değiştirilir. Saklamak isteyebileceğiniz değişiklikler varsa önce mevcut dosya içeriğini güvenli bir yere kopyalayın.
4. Kaydet'e tıklayın.
5. Tema düzenleyicisine dönmek için Temayı düzenle'ye tıklayın ve hata mesajının kaybolduğunu doğrulayın.
6. Beklendiği gibi görüntülendiğini doğrulamak için dijital vitrininize gidin.

"Maksimum benzersiz tanıtıcı sayısı aşıldı" hatası

Ana sayfanızda "all_products için maksimum benzersiz tanıtıcı sayısı aşıldı" gibi bir Liquid hata mesajı görüntüleniyorsa bu genellikle ana sayfanıza çok fazla Öne Çıkan Ürün bölümü eklediğiniz anlamına gelir (çoğu temada bu sayı genellikle 20'den fazladır).

Bunu çözmek için:

1. Shopify yöneticinizde Online Mağaza > Temalar bölümüne gidin.
2. Mevcut temanızı bulun ve Temayı düzenle'ye tıklayın.
3. Ana sayfanıza gidin.
4. Temanın sınırları içinde kalmak için bazı Öne Çıkan Ürün bölümlerini kaldırın.
5. Bunun yerine, birden fazla ürünü daha verimli bir şekilde görüntüleyebilen ve mağazanızın performansını artırabilen Öne Çıkan Koleksiyon bölümlerini kullanmayı düşünebilirsiniz.

Müşterilere hangi ödeme yöntemlerini kabul ettiğinizi göstermek için ödeme simgeleri genellikle çoğu temanın altbilgisine varsayılan olarak eklenir. Tema altbilginizde ödeme simgeleri görünmüyorsa aşağıdakileri kontrol edebilirsiniz:

1. Tema düzenleyicinizde Altbilgi bölümüne gidin ve Ödeme simgelerini göster ayarının etkinleştirildiğini doğrulayın.
2. Shopify yöneticinizde Ayarlar > Ödemeler'e gidin ve en az bir etkin ödeme yöntemi olduğunu doğrulayın. Bazı ödeme yöntemlerinin simgelerinin görüntülenmesi için hesap ayarlama işleminin tamamlanması gerekebilir.
3. Üçüncü taraf bir ödeme ağ geçidi kullanıyorsanız platform kısıtlamaları nedeniyle ödeme simgeleri görüntülenmeyebilir.

Bu ayarları doğrulamanıza rağmen ödeme simgeleri hâlâ görüntülenmiyorsa temanız için destek almanız gerekebilir.