Hallo,
ich habe mittels Produkt Raster die Woocommerce Produkte hier dargestellt: https://hukkepack.de/hukkepack-shop
Wenn vier Bilder nebeneinander sind, sind sie scharf. Weiter unten sind nur 3 Produkte nebeneinander und diese wirken unscharf (Federmappe…). Die Bilder der Ranzen und der Federmappe sind aber gleich groß, die Größe ist ebenfalls ausreichend. Was kann ich tuen, damit die 3 Produkte auch scharf kommen?
viele Grüße,
Martin
Hello, I used the product grid to show the Woocommerce products here: https://hukkepack.de/hukkepack-shop
When four images are next to each other, they are in focus. Below are only 3 products next to each other and these appear blurred (pencil case …). The pictures of the satchel and the pencil case are the same size, the size is also sufficient. What can I do so that the 3 products come out hot?
Hallo Martin,
das Problem ist, dass zu kleine Bilder geladen werden (kannst du mit Rechtsklick > “Bilder speichern unter” sehen). Obwohl das angezeigte Bild z.B. 230×230 Pixel groß ist, wird nicht das 300×300 Bild geladen, sondern das 180×180 Pixel große.
Ich habe deshalb in meinem Fall mit dem Plugin “Image Regenerate & Select Crop” die Bildgröße “square” mit 180×180 Pixel mittels “global ignore” deaktiviert und danach alle Caches gelöscht. Das ist zwar nicht die optimale Lösung, bei meinem Shop funktioniert es aber.
Da deine Bilder aber größer sind, könntest du versuchen, das Bildformat “medium” von 300×300 auf z.B. 450×450 Pixel zu ändern. Danach musst du die alten Bilder löschen und diese Größe neu generieren lassen.
LG Christian
Hi Martin,
Sorry for the late reply!
I checked your page and your images in 3 columns look fine on my end. Have you chose to display images in 300x300px and that fixed the issue? :)
@christiankaiser Thanks for your help :)
Best regards,
Yigit