Shopify Koleksiyon Sayfalarında Yıldız Puanları

Kısa cevap: Shopify, bir uygulamanın koleksiyon sayfasındaki ürün kartlarına doğrudan yıldız eklemesine izin vermez — hiçbir Online Store 2.0 teması burada bir uygulama bloğunu kabul etmez — bu yüzden gerçekten işe yarayan çözüm iki değerlendirme metafield'i artı temanın ürün kartı dosyasına sizin ya da bir geliştiricinin ekleyeceği küçük bir Liquid snippet'idir; bu snippet sayfayla birlikte render edilir ve hiçbir script gerektirmez.

Bir yorum uygulaması koleksiyon sayfama neden yıldız ekleyemiyor?

Shopify'da bir uygulama yıldızları iki şekilde ekler: tema düzenleyiciye sürükleyip bıraktığınız bir uygulama bloğu, ya da sayfa yüklendikten sonra tarayıcıda çalışan bir script.

İkisi de koleksiyon sayfasındaki ürün kartına ulaşamaz. Uygulama blokları temanın açıkça izin verdiği bölümlere yerleşir ve hiçbir Online Store 2.0 teması — Dawn dahil — koleksiyon sayfasını çizen ürün kartı döngüsünün içine bir uygulama bloğu kabul etmez.

Bir script dışarıdan ulaşmaya çalışabilir, ama bir koleksiyon sayfası aynı anda düzinelerce ürün gösterebilir. Kart başına bir widget örneği demek, alışverişçinin en hızlı göz gezdirdiği ve en çabuk vazgeçtiği sayfada, her biri yüklenirken düzinelerce ayrı istek ve düzinelerce küçük düzen kayması demektir.

Gerçekten işe yarayan yöntem: metafield'ler ve bir snippet

Kudo, her ürüne iki standart Shopify metafield'i yazar: reviews.rating ve reviews.rating_count. Bunlar Shopify'ın kendi Search & Discovery ve filtre uygulamalarının zaten okuduğu metafield'lerle aynıdır, yani bunları kullanacak şekilde kurulmuş bir tema Liquid içinde script olmadan yıldız çizer.

Küçük bir snippet — kendi temanızın ürün kartı dosyasına kopyaladığınız — bu iki metafield'i okur ve sayfanın geri kalanıyla aynı anda, sunucu tarafında yıldızları orada basar. Ekstra istek yok, düzen kayması yok, çünkü sayfa yüklendikten sonra hiçbir şey yüklenmiyor.

Bir snippet'in yaptığı takas budur: bir uygulama bloğu gibi kendini kuramaz, bu yüzden küçük bir manuel adım gerektirir. Dosyaya bir kez eklendiğinde, her ürüne tekrar tekrar eklenmeden her koleksiyondaki her ürün kartında otomatik olarak yıldız çizer.

Bunu temanıza nasıl eklersiniz

Bunun hiçbiri Kudo içindeki uygulama ayarlarınıza dokunmaz — tema dosyanızda bir kerelik bir değişikliktir ve büyük bir Shopify güncellemesi o snippet'i sıfırdan yeniden yazmadığı sürece çoğu tema güncellemesinden sonra da yerinde kalır; bu her seferinde beklenecek bir şey değil, büyük bir tema yükseltmesinden sonra hızlıca kontrol etmeye değer bir şeydir.

Ürün kartı dosyanızı bulun

Tema kodunuzu açın (Online Store, sonra Edit code) ve bir koleksiyon ızgarasında tek bir ürünü çizen snippet'i arayın — genellikle "card-product" ya da "product-card" gibi bir isim taşır. Dawn ve çoğu modern tema bunu satır içi değil, kendi dosyasında tutar.

Snippet'i fiyatın ya da başlığın yanına yapıştırın

Yıldız işaretlemesini ürün başlığı ya da fiyatının yakınına ekleyin, ki düzende doğal dursun. Kaydedin, sonra canlı bir koleksiyon sayfasına bakıp boşlukları kontrol edin.

Birkaç farklı kart genişliğini kontrol edin

Koleksiyon ızgaraları genelde aynı kartı iki ya da üç sütun genişliğinde gösterir — mobil, tablet, masaüstü. Yıldızların en dar genişlikte garip şekilde satır atlamadığından emin olun.

Liquid düzenlemek istemiyorsanız ne yapmalı?

Bu gerçek bir kod değişikliği, bir uygulamanın ayarlar ekranındaki bir anahtar değil — "tek tıkla kurulum" izlenimi vermek yerine bunu açıkça söylemek daha doğrudur.

Tema koduna kendiniz girmek istemiyorsanız, bir Shopify tema geliştiricisi çoğu temada bu snippet'i bir saatten kısa sürede ekleyebilir; küçük ve sınırlı bir değişikliktir, bir teklif isterken adını anmaya değer. Hâlâ Shopify için bir yorum uygulaması arasında seçim yapıyorsanız, bir tane kurmadan önce nelere bakmanız gerektiğine göz atın.

Bu arada yorumlarınız her yerde görünmeye devam eder: ürün sayfasının kendisinde, sitenizin başka yerlerinde bir widget içinde, ve gönderirseniz Google Shopping feed'inizde — koleksiyon ızgarası manuel adım gerektiren tek yüzeydir.

İki Dakikalık Özet

Kudo, reviews.rating ve reviews.rating_count metafield'lerini sizin için yazar ve widget oluşturucuda yapıştırmaya hazır snippet'i verir — temanıza bir kez eklersiniz, bunun ötesinde ayarlanacak bir şey yoktur.

getkudo.co adresinden ücretsiz başlayın.

Sıkça Sorulan Sorular

Shopify neden uygulamaların her yere yıldız eklemesine izin vermiyor?
Koleksiyon ızgarasındaki ürün kartları, performans için temanın kendisi tarafından toplu şekilde render edilir — dış uygulamaların bu döngüye her kartta markup enjekte etmesine izin vermek, Shopify'ın en çok optimize ettiği sayfayı yavaşlatır.

Bu her Shopify temasında çalışır mı?
Çoğu Online Store 2.0 teması ürün kartlarını tek, yeniden kullanılabilir bir snippet dosyasında tutar, bu yüzden değişiklik temalar arasında benzerdir. Çok eski, 2.0 öncesi temalar farklı yapılandırılmış olabilir ve doğru dosyayı bulmak için bir geliştirici gerekebilir.

Bu, Shopify SEO'mu ya da Search & Discovery filtrelerimi etkiler mi?
reviews.rating ve reviews.rating_count metafield'leri, Shopify'ın Search & Discovery ve filtre uygulamalarının zaten okuduğu metafield'lerle aynıdır, yani bunları yazmak kartta görünen yıldızlardan bağımsız olarak bu özelliklere de yardımcı olur.

Koleksiyon ızgarasında hiç kod olmadan yıldız alabilir miyim?
Bugün için hayır. Hiçbir Online Store 2.0 teması bir ürün kartının içine uygulama bloğu kabul etmiyor, bu yüzden tema dosyanıza eklenen bir snippet orada render eden tek yol.

Snippet'i eklemek sayfayı yavaşlatır mı?
Hayır. İki metafield'i okuyup sunucu tarafında metin basıyor, kartın geri kalanıyla aynı anda. Sonradan hiçbir şey yüklenmiyor.

Daha sonra tema değiştirirsem yıldızlar bozulur mu?
Yeni bir tema, ürün kartı dosyasını tekrar bulup snippet'i tekrar yapıştırmanız anlamına gelir — metafield'lerin kendisi ürünün üzerinde durur, temanın üzerinde değil, bu yüzden her iki durumda da yerinde kalır.