Woocommerce mağazanızdaki görüntülerle ilgili en yaygın problemleri nasıl çözersiniz?
Bir çevrimiçi mağazadan görmeden tişört satın almayı hayal edebiliyor musunuz?! Örneğin Amazon’un ürün için hiç resmi yoksa. Bu satış rakamlarını etkilemeyecek mi? Bunun olacağına gerçekten inanıyorum! Ve bunu yapıyorum çünkü biz insanlar olarak görsel susuz yaratıklarız: iyi iyileştirilen ürün imajının, ürünü satın alan kişilerin dönüşüm seviyesini doğrudan arttırdığı kanıtlanmıştır. Bu nedenle WooCommerce mağaza yöneticisi, satmak istedikleri ürünlerle ilgili görüntüye yatırım yapmalıdır. İyi bir resme sahip olmak, burada denklemin sadece bir parçasıdır, çünkü ürün görüntüsünüz sadece sayfanızda doğru bir şekilde görüntülenmez, korkutucu beklentiler ve müşteriler olabilir.
Ürün görüntüsü satış yolunuzdaki en etkili araçlardan biridir. Bu sadece web sitenizi daha ilginç hale getirme meselesi değildir: bu daha fazla satmakla ilgilidir. Bu yüzden WooCommerce’deki en yaygın görüntü problemlerini nasıl düzelteceğimi keşfediyorum ve size hızlı bir çözüm sunuyorum! Hazır mısın? Hadi başlayalım! WooCommerce’de Görüntü Türleri Görüntülerle sorunların nasıl düzeltileceğine geçmeden önce, farklı görüntü türlerinin nerede bulunduğunu açıklayalım. WooCommerce, mağazanızla ayarlayabileceğiniz ve kullanabileceğiniz üç tür resim ile birlikte gelir. Özellikle:
Katalog Görüntüsü: Ürün Döngülerinde kullanılan orta boyutlu görüntüler (mağaza sayfaları, ürün kategorisi sayfaları, ilgili ürünler, up-sell, çapraz hücre, vb.).
Tek Ürün Görüntüsü: Bireysel Ürün Detayları sayfasındaki en büyük resim.
Ürün Küçüklük: Bu, ürününüz, sepet ve widget’ınız altında yaygın olarak kullanılan bir küçük resimdir. WooCommerce’deki görüntülerle ilgili sorunlar, özellikle WooCommerce’e geldiğinde 2 sorun vardır ve görüntüler doğru görüntülenmez: a) bir bulanık ürüne sahip olmak ve A) B) düzgün çalışmayan yeni galeri özelliklerinden birine sahiptir. Bulanık görüntülerle başlayalım.
WooCommerce’deki Görüntü Sorunları: Yanlış görüntü ayarları nedeniyle bulanık ürün çizimleri
Görüntünüz düzgün bir şekilde yüklenmediğinde, sonuç olarak WooCommerce’de bulanık görüntüler elde edersiniz. Nedenmiş? Bunun nedeni, muhtemelen ürün görüntü ayarlarınızın mevcut tema görüntü boyutunuzun boyutuna göre doğru yapılandırılmamasıdır. Örneğin, temanız en az 200 x 200 piksel katalog görüntüsü gerektirirken, WooCommerce görüntü ayarlarınız 150 x 150 piksel olarak yapılandırılmıştır. Tema görüntü gereksinimlerinizi nasıl görebilirsiniz? WooCommerce’in üç farklı ürün görüntüsü bulunduğundan, bu prosedürü bu üç tip için tekrarlamanız gerekir. Bunu bir katalog görüntüsü için böyle yaptım. Chrome kullanıyorum, işte denetim öğesini nasıl etkinleştireceğiniz aşağıda açıklanmıştır. Safari veya Firefox kullanıyorsanız aynı şeyi nasıl yapacağınız aşağıda açıklanmıştır.
Yapman gereken bu:
Katalog resminize gidin
Doğru üzerine tıklayın ve “Kontrol et” i seçin
Görüntünün boyutunu kaydedin
Şimdi, kalan iki tür görüntü için yapın (mağazanızda kullanıyorsanız) ve Woocommerce ekran ayarlarınıza dönün. Orada, yeni kaydettiğiniz temanız tarafından talep edilen görüntünün boyutu ile ürün resim kutusunu (yukarıda görüntülenir) güncelleyin. Gelecekte bu soruna maruz kalma şansınızı azaltmak için burada biraz daha yüksek bir boyut eklemeniz önerilir. Yeni bir görüntü ayarladıktan sonra, görüntünüzü yeniden oluşturmanız gerekebilir ve bunu yeniden oluşturabilirsiniz. WordPress ve kodlanabilir Nabeel Molham uzmanlarının geliştiricisi olarak yorum yaptı:
WooCommerce’deki Görüntü Sorunları: Bulanık Ürün Görüntüleri Düşük kaliteli görüntüler çünkü hala bulanık ürün görüntüleri elde ederseniz, görüntülerinizle yeterince yüksek çözünürlüğe sahip olmayan sorunlar olabilir. Nabil’in açıkladığı gibi: Görüntünüzle hala sorun yaşıyorsanız, mevcut en yüksek kalitede tekrar yüklemeniz gerekebilir. Bu adım, mağazanızda farklı bir görüntü türü üretmek için çok önemlidir, çünkü bu görüntü çözünürlüğüne dayanarak yapılacaktır. Bu şekilde, opak veya sarhoş sorunlar artık olmayacak.
Görüntünüz için yeni bir yükleme ataması yaparken, WooCommerce 800 x 800px veya daha yüksek bir şeyin çoğu tema için çalışacağını önerir. Artık bazı yüksek kaliteli ürün görüntülerine yatırım yapmak için başka iyi nedenleriniz var! WooCommerce’deki en çok yinelenen ikinci görüntü problemi, WooCommerce 3.0 tarafından sunulan yeni galeri özelliği ile ilgilidir. Nedeni görelim! WooCommerce’deki görüntü problemleri: Zoom, Lightbox, kaydırıcı özellikleri WooCommerce 3.0 ile uyumsuzluk veya eklenti/tema çatışması nedeniyle düzgün çalışmıyor, bir dizi yeni ürün galerisi özelliği tanıtıldı. Özellikle, şunları anlattım: Zoom Image (“Büyütme” olarak da adlandırılır)
Hafif kutu
Vardiya
Bu yeni özellik nedeniyle, birçok WooCommerce mağaza yöneticisi WooCommerce 3.0’a güncellendiğinde mağazalarıyla görüntüleri yaşıyor. Temel nedenlerden biri, kullandıkları temanın yeni WooCommerce 3.0 galeri özelliğini desteklememesidir. Bu nedenle, en baştan sadece Woocommerce ile uyumlu bir tema kullanmanız şiddetle tavsiye edilir. Ancak bu yeni galeri özelliğinin tadını çıkarmanızı engellemenin tek nedeni bu değildir. Başka bir neden eklenti/tema çatışmalarında bulunabilir. Eğer durumunuzsa, böyle bir çatışma için standart problem çözme prosedürünü izlemeli ve hangi eklentinin soruna neden olduğunu kontrol etmek için eklentinizi (ve eklentinizi) tek tek devre dışı bırakmaya çalışmalısınız. Eklentiler ve eklenti konusunda şanslı değilseniz, temanızla yapın.
Teknik sonuçlar göz önüne alındığında, WooCommerce uzmanlarından bunu kontrol etmelerini istemek en iyi seçim olabilir. Nabil’in hatırlattığı gibi: görüntülerle ilgili sorunlara neden olanı bulmak karmaşık bir görevdir, çünkü gerçekten düzeltmeden önce birkaç şeyi tanımlamamız gerekir. Gördüğüm çoğu durumda, bunun WooCommerce mağazanızdaki çelişkili eklentilerle veya temanın kendisi ile bir ilgisi var, bu da doğru yapılandırılmayan birkaç CSS’ye sahip olabilir. Bir dizi ünlü nedenden ötürü herhangi bir web sitesi için önemli resimleri sarın. Ve e -ticaret mağazasına geldiğinde, iyi ve yüksek kaliteli ürün görüntüleri bir iş gereksinimi haline gelir, çünkü daha yüksek veya daha düşük bir satış numarası anlamına gelebilir. iş seviyesi. Mağazanızın ürününüzü göstermek için gereken her şeye sahip olduğundan emin değilseniz, temel olarak resim ayarlarınızın doğru şekilde düzenlenip düzenlenmediğine bağlı olarak, mağazanızın geleceğini düşük kaliteli iş sonuçlarıyla açarsınız. Ve bu geliştirmek için en zor problem olacak!
Bu blog, 2009’da 2.8 sürümünden bu yana WordPress’e sevgiyle 10 yıldan fazla web geliştirme deneyimine sahip bir serbest profesyonel olan Nabeel Molham’ı yayınlıyor. Müşterilerin beklenenden daha fazla WordPress’e ulaşmasına yardımcı olma konusunda uzmanlaşmıştır. Kapsamlı müşterinin çalışmaları özel temalar, eklentiler, entegrasyon, güvenlik, hız ve performans optimizasyonu içerir.