WooCommerce Mağazanızdaki Resimlerle İlgili En Sık Karşılaşılan Sorunlar Nasıl Düzeltilir

Bir çevrimiçi mağazadan görmeden bir tişört satın almayı hayal edebiliyor musunuz?! Örneğin Amazon'un ürünü için hiç resmi yoksa. Bu onların satış rakamlarını etkilemez mi? olacağına şiddetle inanıyorum! Ve bunu yapıyorum çünkü biz insanlar görsel açıdan susamış yaratıklarız: Bir ürünün iyi seçilmiş bir görüntüsünün, o ürünü satın alan insanların dönüşüm oranını doğrudan arttırdığı kanıtlandı.

Bu nedenle WooCommerce mağaza yöneticileri, satmak istedikleri ürünlerle ilgili görüntülere yatırım yapmalıdır. Ürün resimlerinizin yalnızca sayfalarınızda düzgün bir şekilde gösterilmemesi, potansiyel müşterileri ve müşterileri korkutup kaçırması söz konusu olabileceğinden, güzel resimlere sahip olmak buradaki denklemin yalnızca bir parçasıdır.

Ürün resimleri, satış hattınızdaki en etkili araçlardan biridir. Bu sadece web sitenizi daha çekici hale getirmek değil, daha fazla satmakla ilgilidir. Bu yüzden WooCommerce'deki en yaygın görüntü sorunlarının nasıl çözüleceğini araştırdım ve size buna hızlı çözümler sundum!

Hazır mısın? Hadi başlayalım!

WooCommerce'deki görüntü türleri

Görüntülerle ilgili sorunların nasıl çözüleceğine geçmeden önce, hangi farklı görüntü türlerinin mevcut olduğunu açıklayalım. WooCommerce, ayarlayabileceğiniz ve mağazanızda yararlanabileceğiniz üç tür resimle birlikte gelir. Özellikle, sahip olduğunuz:

• Katalog Görselleri : Bir ürün döngülerinde (mağaza sayfası, ürün kategorisi sayfaları, ilgili ürünler, yukarı satışlar, çapraz satışlar, vb.) kullanılan orta boy resim.
• Tek Ürün Resmi : ayrı ürün ayrıntıları sayfasındaki en büyük resim.
• Ürün Küçük Resimleri : Bu, Ürün Resminizin, sepetinizin ve widget'larınızın altında yaygın olarak kullanılan küçük resimdir.

WooCommerce'deki resimlerle ilgili sorunlar

WooCommerce söz konusu olduğunda esas olarak 2 sorun vardır ve resimler doğru şekilde gösterilmiyor:

a) Bulanık ürün resimlerine sahip olmak

ve

b) Yeni galeri özelliklerinden birinin düzgün çalışmaması.

Bulanık görüntülerle başlayalım.

WooCommerce'de görüntü sorunları: Yanlış görüntü boyutu ayarları nedeniyle bulanık ürün görüntüleri

Görüntüleriniz düzgün yüklenmediğinde, sonuç olarak WooCommerce'de bulanık bir görüntü elde edersiniz. Neden bu? Bunun nedeni, Ürün Resmi ayarlarınızın mevcut temanızın resim boyutu gereksinimlerine göre düzgün şekilde yapılandırılmamış olması olabilir.

Örneğin, temanız Katalog Görsellerinin en az 200 x 200 piksel olmasını gerektirirken WooCommerce görsel ayarlarınız 150 x 150 piksel olarak yapılandırılmıştır.

Temanızın resim gereksinimlerinin hangileri olduğunu nasıl görebilirsiniz?

WooCommerce'in üç farklı ürün resmi türü olduğundan, bu prosedürü üç tür için de tekrarlamanız gerekir. Bir Katalog Resmi için bunu şöyle yaptım. Chrome'dayım, işte inceleme öğesinin nasıl etkinleştirileceği. Safari veya FireFox kullanıyorsanız, aynısını nasıl yapacağınız aşağıda açıklanmıştır.

Peki, iş hayatına dönelim…

Örnek olarak Orange Guitar Amps'in web sitesini kullandım:

İşte yapmanız gerekenler:

• mağazanı aç
• Katalog Resminize gidin
• Üzerine sağ tıklayın ve “İncele” yi seçin
• Bu resim boyutlarını not edin

Şimdi, kalan iki resim türü için bunu yapın (bunları mağazanızda kullanıyorsanız) ve WooCommerce görüntü ayarlarınıza geri dönün. Orada, Ürün resimleri kutusunu (yukarıda gösterilmiştir) temanızın az önce not etmeniz gereken resim boyutlarıyla güncelleyin. Gelecekte bu sorunla karşılaşma şansınızı azaltmak için buraya biraz daha yüksek boyutlar eklemeniz önerilir.

Yeni görüntü ayarları kaydedildikten sonra, görüntülerinizi yeniden oluşturmanız gerekebilir ve bunu Küçük Resimleri Yeniden Oluştur eklentisiyle yapabilirsiniz. WordPress geliştiricisi ve Codeable uzmanı Nabeel Molham'ın dediği gibi:

Resim boyutlarınızın ayarlarınızda doğru bir şekilde yapılandırılması gerçekten önemlidir, aksi takdirde ürün resimleriniz düzgün şekilde yüklenmeyebilir. Temanızın özelliklerine ve nihayetinde mağazanızda neyin daha iyi göründüğüne bağlı olarak her bir resim türünün genişliğini ve yüksekliğini belirlemeniz gerekir. Bunu yaptığınızda, tüm resimlerinizi güncellemelerinizi yansıtacak şekilde yeniden oluşturduğunuzdan emin olun.

WooCommerce'de görüntü sorunları: Düşük kaliteli görüntüler nedeniyle bulanık ürün görüntüleri

Hala bulanık ürün resimleri alıyorsanız, resimlerinizin yeterince yüksek çözünürlükte olmaması sorun olabilir. Nabeel'in açıkladığı gibi:

Resimlerinizle ilgili hâlâ sorun yaşıyorsanız, bunları mümkün olan en yüksek kalitede yeniden yüklemeniz gerekebilir. Bu adım, bu görüntü çözünürlüğüne göre oluşturulacağından, mağazanızda farklı görüntü türleri boyutları oluşturmak için çok önemlidir. Bu şekilde, bulanık veya pikselli sorunlar artık orada olmayacak.

Resimleriniz için bu yeni yükleme görevini gerçekleştirirken, WooCommerce 800 x 800 piksel veya daha yüksek olan herhangi bir şeyin çoğu tema için işe yarayacağını önerir. Artık bazı yüksek kaliteli ürün resimlerine yatırım yapmak için harika bir nedeniniz daha var!

WooCommerce'de en çok tekrarlanan ikinci resim sorunu, WooCommerce 3.0 tarafından sunulan yeni galeri özellikleriyle ilgilidir. Neden görelim!

WooCommerce'deki görüntü sorunları: uyumsuzluk veya eklenti/tema çakışması nedeniyle yakınlaştırma, ışık kutusu, kaydırıcı özelliği düzgün çalışmıyor

WooCommerce 3.0 ile yeni bir dizi ürün galerisi özelliği tanıtıldı. Spesifik olarak, şunlardan bahsediyorum:

• Görüntü yakınlaştırma ("büyütme" olarak da anılır)
• Hafif kutu
• kaydırıcı

Bu yeni özellikler nedeniyle, birçok WooCommerce mağaza yöneticisi, WooCommerce 3.0'a güncellendiğinde mağazalarında görüntü sorunlarıyla karşılaşmıştı. Bunun ana nedenlerinden biri, kullandıkları temanın yeni WooCommerce 3.0 galeri özelliklerini desteklememesiydi. Bu nedenle, başlangıçtan itibaren yalnızca WooCommerce uyumlu temaları kullanmanız şiddetle önerilir.

Ancak bu yeni galeri özelliklerinden yararlanamamanın tek nedeni bu değil. Başka bir neden, bir eklenti/tema çakışmasında bulunabilir. Durumunuz buysa, bu tür çakışmalar için standart sorun giderme prosedürünü izlemeli ve soruna hangi eklentinin neden olduğunu kontrol etmek için eklentilerinizi (ve eklentilerinizi) tek tek devre dışı bırakmayı denemelisiniz. Eklentiler ve eklentiler konusunda şanslı değilseniz, bunu temanızla yapın.

Teknik çıkarımlar göz önüne alındığında, bir WooCommerce uzmanının sizin için bunu kontrol etmesi muhtemelen en iyi seçimdir. Nabeel'in hatırlattığı gibi:

Görüntülerle ilgili sorunlara neyin neden olduğunu bulmak karmaşık bir iştir, çünkü gerçekten düzeltmeden önce birkaç şeyi tanımlamamız gerekir. Gördüğüm çoğu durumda, WooCommerce mağazanızda veya temanın kendisinde çakışan, düzgün yapılandırılmamış bazı CSS'lere sahip olabilecek bir eklenti ile ilgisi var.

toparlamak

Görseller, bir dizi iyi bilinen nedenden dolayı herhangi bir web sitesi için önemlidir. E-Ticaret mağazaları söz konusu olduğunda, harika, yüksek kaliteli ürün resimleri, daha yüksek veya daha düşük satış rakamları anlamına gelebileceği için bir iş gerekliliği haline gelir.

“Bunun sadece bir resim” olduğunu düşünüyorsanız, iş düzeyindeki tüm sonuçları göremiyorsunuz demektir. Temeli görsel ayarlarınızın doğru yapılıp yapılmadığına dayanan mağazanızın ürününüzü sergilemek için ihtiyaç duyduğu her şeye sahip olduğundan emin değilseniz, mağazanızın geleceğini düşük kaliteli iş sonuçlarıyla hazırlıyorsunuz demektir.

Ve bu düzeltilmesi en zor sorun olurdu!

---

Bu blog gönderisinde, 10 yılı aşkın web geliştirme deneyimine sahip serbest çalışan bir profesyonel olan ve 2009'da 2.8 sürümünden bu yana WordPress'i seven Nabeel Molham bulunmaktadır. Müşterilerin WordPress ile düşünülenden daha fazlasını elde etmelerine yardımcı olma konusunda uzmanlaşmıştır. Kapsamlı müşteri çalışması, özel temalar, eklentiler, entegrasyonlar, güvenlik, hız ve performans optimizasyonunu içerir.