WooCommerce mağazanda ürün görselleri kırık ikon olarak çıkıyor, boş görünüyor ya da yanlış boyutta geliyor. Satışı doğrudan etkileyen bir sorun, çünkü görmediği ürünü kimse sepete atmaz. İyi haber şu: görsellerin çoğu aslında yerinde, yalnızca gösterim tarafında bir aksaklık var. Bu yazıda nedeni nasıl bulacağını ve her duruma göre çözümü anlatıyorum.
Görseller neden görünmez
Birkaç farklı sebep aynı belirtiyi verir. En yaygını eksik küçük resim boyutlarıdır: tema ya da WooCommerce belli ölçülerde görsel bekler, o boyutlar üretilmemişse galeri boş kalır. İkincisi dosya izinleridir; uploads klasörünün izinleri bozuksa sunucu dosyayı sunamaz. Üçüncüsü önbellek ya da CDN’in eski bir sürümü göstermesidir. Bir de tema uyumsuzluğu var: tema WooCommerce görsel kancalarını desteklemiyorsa ürün görseli hiç çağrılmaz. Önce belirtiyi daralt, sonra doğru çözüme geç.
Adım adım çözüm
Hızlı kontrollerden başla, çoğu durumda ilk iki adım yeter.
- Bir ürünü düzenle, görsele tıkla, Medya kitaplığında dosya gerçekten açılıyor mu bak. Açılmıyorsa dosya ya da izin sorunu, açılıyorsa gösterim sorunu var.
- Regenerate Thumbnails eklentisini kur ve küçük resimleri yeniden oluştur. Boyut eksikliğinden kaynaklanan sorunların çoğu burada çözülür.
- Önbellek eklentini ve varsa Cloudflare önbelleğini temizle, CDN kullanıyorsan oradaki önbelleği de boşalt.
- uploads klasörü izinlerini kontrol et: klasörler 755, dosyalar 644 olmalı. FTP istemcisinde izinleri bu değerlere çek.
- Tema kaynaklıysa geçici olarak Storefront temasına geç, görseller geliyorsa sorun kendi temanda demektir.
Tema uyumu, önbellek ve kalıcı çözüm
Küçük resimleri yeniledin ama hâlâ eksikse WooCommerce menüsünde Ayarlar altındaki Ürünler sekmesinden görsel boyutlarını kontrol et. Katalog ve tekil ürün görsel genişliklerini temanın beklediği değere getir, ardından yeniden oluşturmayı tekrar çalıştır. Tema değiştirdiğinde galeri düzeldiyse kendi temanın WooCommerce desteğini etkinleştirmek gerekir; bunu temanın ayarlarından ya da bir çocuk tema üzerinden add_theme_support(‘woocommerce’) ile eklersin.
Kırık görsel ikonu görüyorsan tarayıcıda F12 ile görseli incele, dosya yolu 404 dönüyorsa dosya gerçekten yok ya da yanlış adrestedir. Site adresi yakın zamanda değiştiyse veritabanındaki eski görsel yolları kırılmış olabilir; bu durumda arama değiştirme işlemiyle eski alan adını yenisine çevirmek gerekir. SSL sonrası görseller http yolundan çağrılıyorsa karışık içerik sorunu da görseli engelleyebilir.
E-ticaret sitesini baştan doğru kurmak bu görsel sorunlarının çoğunu daha ortaya çıkmadan kapatır. WooCommerce mağazanı temayla uyumlu şekilde kurmak için WordPress site kurulumu hizmetine bakabilirsin. 404 ve karışık içerik gibi yan sorunların çözümlerini WordPress hataları ve çözümleri rehberinde bulabilirsin.
Görsel optimizasyon eklentileri ve lazy load etkisi
Görsel sıkıştırma ya da WebP dönüşümü yapan eklentiler bazen görselleri kaybolmuş gösterir. Eklenti dönüştürme sırasında orijinal yolu değiştirir ya da işlem yarım kalırsa galeri boşalır. Böyle bir durumda optimizasyon eklentisini geçici kapat, görseller geri gelirse ayarlarından WebP dönüşümünü ve otomatik yeniden boyutlandırmayı gözden geçir. Çoğu eklenti orijinali yedekleme seçeneği sunar, bunu açık tutmak güvenli olur.
Tembel yükleme (lazy load) eklentileri de benzer bir belirti verir. Görsel aslında var ama script düzgün çalışmadığı için ekranda görünmez. Lazy load özelliğini geçici kapatıp test et; sorun buradaysa eklentiyi WooCommerce ile uyumlu bir sürümle değiştir ya da ürün galerisi için istisna tanımla. Varyasyonlu ürünlerde her varyasyona ayrı görsel atamayı unutma, çünkü boş bırakılan varyasyon seçildiğinde görsel alanı boş kalır.
Sık sorulan sorular
Küçük resimleri yeniden oluşturmak mevcut görselleri bozar mı?
Hayır. Regenerate Thumbnails yalnızca tanımlı boyutların kopyalarını yeniden üretir, orijinal yüklediğin dosyaya dokunmaz. İşlem sırasında mağazayı kapatmana gerek yok, yalnızca büyük kataloglarda biraz zaman alır.
Görsel medya kitaplığında var ama üründe görünmüyor, neden?
Bu genelde tema uyumu ya da önbellektir. Önce önbelleği temizle, düzelmezse geçici olarak varsayılan bir temaya geçip test et. Varsayılan temada görünüyorsa kendi temanın WooCommerce desteğini etkinleştirmen gerekir.
Mağazandaki görsel sorununu kendin çözmek istemiyorsan nedenini bulup düzeltmeyi senin yerine ben yapabilirim. İncelemem için ücretsiz ön analiz isteyebilirsin.
Bu konunun tüm rehberi: WordPress Hataları ve Çözümleri