Wazige productafbeeldingen in WooCommerce

Ruben de Vries
(@ruben-de-vries)

10 jaren geleden

Wie helpt mij uit de brand?!

Voor een webshop die ik nu aan het maken ben heb ik een probleem met de afbeeldingen. Na het doorlezen van de huidige fora en ook na zoekopdrachten in Google kom ik niet tot de oplossing.

Het probleem:
In WooCommerce upload ik afbeeldingen die er prachtig scherp uitzien in de categorie sectie. Hierna dien je bij de producten een ‘uitgelichte afbeelding’ te kiezen die in de categorie een voorvertoning krijgt en hierna wordt gebruikt als afbeelding op de productpagina.

De afbeelding op de productpagina is echter erg onscherp en dit ziet er niet uit! Nu heb ik al van alles geprobeerd maar het lukt me niet om de afbeelding op de productpagina scherp te krijgen.

Heeft iemand advies of tips?

Extra informatie:
Ik ben geen echte kenner van .CSS, wellicht kan iemand me kijken of hier een fout in zit?
Het gaat om de webshop: beglazingsexpert.nl

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)

T Verhoeven
(@t-verhoeven)

10 jaren geleden
Dag Ruben,

In wat voor een formaat en extensie heb je de afbeelding geupload?

Groet,
Thijs
–
- Deze reactie is gewijzigd 3 jaren, 1 maand geleden door Richard van Denderen. Reden: handtekening verwijderd
Thread starter Ruben de Vries
(@ruben-de-vries)

10 jaren geleden

Hi Thijs,

Dat verschilt per afbeelding, maar normaal een van 300px bij 300px als .jpg bestand.

Op dit moment ben ik aan het kijken of de ‘Dynamic Gallery’ plugin mijn wens gaat vervullen. Op het eerste gezicht ziet dit er in mijn ogen nu al een stuk netter uit.
T Verhoeven
(@t-verhoeven)

10 jaren geleden
Hi Ruben,

heb je een link naar de website zodat ik de afbeeldingen kan bekijken?

Dank je,

Groet,
Thijs
–
- Deze reactie is gewijzigd 3 jaren, 1 maand geleden door Richard van Denderen. Reden: handtekening verwijderd
Thread starter Ruben de Vries
(@ruben-de-vries)

10 jaren geleden

Bedankt voor je reactie Thijs, maar het is me inmiddels gelukt door middel van de plugin! Het ging om de site: beglazingsexpert.nl 😉
T Verhoeven
(@t-verhoeven)

10 jaren geleden
Super! Fijn dat het allemaal gelukt is.

Groet,
Thijs
–
- Deze reactie is gewijzigd 3 jaren, 1 maand geleden door Richard van Denderen. Reden: handtekening verwijderd
Ekster Jewels
(@ekster-jewels)

9 jaren geleden

Hi Ruben, ik loop tegen hetzelfde probleem aan en heb nu ook de dynamic gallery plugin gedownload, maar bij mij lost het het probleem niet op. Kun jij me uitleggen welke instellingen ik moet activeren om het voor elkaar te krijgen? Bij voorbaat dank!
Groeten, Anita

Mariska01
(@mariska01)

9 jaren geleden

Ik zou dit ook graag willen weten, ben al zo lang bezig om de afbeeldingen in het juiste formaat te krijgen.

Groetjes Mariska

Ekster Jewels
(@ekster-jewels)

9 jaren geleden

Hi Mariska, ik heb inmiddels een oplossing. Plugin downloaden is daarvoor niet nodig. Scheelt weer ‘vervuiling’ en ik kwam er qua instellingen totaal niet uit. Ik heb simpel weg een code in mijn CSS gezet (in mijn geval kon dat via mijn thema-instellingen). Dat was deze code:

.related.products ul.products li img{max-width:150px !important;}

Control c, control v en je probleem is hopelijk ook opgelost. De afmeting kun je natuurlijk nog naar wens aanpassen.

Groeten Anita

Dion91
(@dion91)

9 jaren geleden

Hoi,

Mij lukt het ook niet. Onderstaande code werkt ook niet. Het gaat bij mij om wazige productfoto’s op mijn twee websites:

Voorbeeld 1
Voorbeeld 2

Aangezien het om de grotere foto’s gaat, lijkt het me niet te zitten in ‘related products’. Ook de maximumwijdte van 150 is voor mij niet relevant. Denk dat je bij mij eerder aan een minimumgrootte moet denken, of zit ik verkeerd te denken? Heb bij de catalogusinstellingen van mn woocommerce de productfoto’s al op 600×600 gezet. Heb Regenerate Thumbnails geprobeerd, maar dat mocht niet baten. Heb overigens nergens mijn woocommerce.css file kunnen vinden, dus kan daar ook niet zoeken naar een oplossing.

Wie kan me helpen? 🙂

Dion91
(@dion91)

9 jaren geleden

* Bovenstaande code van Ekster Jewels bedoel ik.