afbeeldingen chrome niet altijd zichtbaar woocommerce

**Paul Buruma** · 09-02-2016, 11:54

Goedemiddag,

Ik heb een webshop (woocommerce) voor iemand gemaakt, deze werkt verder naar behoren alleen valt het de laatste tijd op dat afbeeldingen in Google Chrome niet zichtbaar zijn terwijl deze in internet explorer wel werken. Is dit te verklaren?

Groet,

Paul

**Tim Makor** · 09-02-2016, 13:08

Is de afbeelding wel aanwezig in de source? (in chrome)

**B. van der Weerd** · 09-02-2016, 18:34

Klink als een miniem foutje in de broncode waar Chrome wél en IE niet de hik van krijgt. Controleer je broncode eens goed.

**Paul Buruma** · 09-02-2016, 19:22

als ik in de bron op google grome kijk staat ie er wel bij. Als ik op de afbeelding klik komt deze ook gewoon tevoorschijn. Dit alles maakt het voor mij erg vreemd

**Tim Makor** · 09-02-2016, 22:16

Een url misschien? Het is nu zoeken naar een spelt in een hooiberg. Op dit moment denk ik aan css

**Paul Buruma** · 09-02-2016, 22:21

Www.bakkerijschuurmans.nl/webshop

**Tim Makor** · 10-02-2016, 07:06

En we hebben het over de slider afbeeldingen dan denk ik?

EDIT:

Het moet haast wel ik zie daar inderdaad een div met de class .da-img die inderdaad wel een afbeelding in zich heeft maar deze niet weergeeft. aparte inderdaad is dat er een slide met ook een da-img wel werkt.

wat dus het eerste is wat we gaan doen is de werkende met de niet werkende vergelijken:

Goed:

Code:

<div class="da-img">
<img width="1200" height="440" src="https://bakkerijschuurmans.nl/webshop/wp-content/uploads/2016/01/DSC01495-1200x440.jpg" class="attachment-icraft-slider-thumb size-icraft-slider-thumb" alt="DSC01495">
</div>

Fout:

Code:

<div class="da-img">
<img width="448" height="299" src="https://bakkerijschuurmans.nl/webshop/wp-content/uploads/2016/01/pistolet-geitenkaaskl.jpg" class="attachment-icraft-slider-thumb size-icraft-slider-thumb" alt="pistolet-geitenkaaskl" srcset="http://bakkerijschuurmans.nl/webshop/wp-content/uploads/2016/01/pistolet-geitenkaaskl-300x200.jpg 300w, http://bakkerijschuurmans.nl/webshop/wp-content/uploads/2016/01/pistolet-geitenkaaskl-279x186.jpg 279w, http://bakkerijschuurmans.nl/webshop/wp-content/uploads/2016/01/pistolet-geitenkaaskl.jpg 448w" sizes="(max-width: 448px) 100vw, 448px">
</div>

De variant die niet werkt bevat nog een srcset="" als ik deze verwijder wordt de afbeelding wel netjes getoond.
Ik hoop dat je zo verder komt :)

**Paul Buruma** · 10-02-2016, 07:10

o.a. echter zijn er ook producten die dit hebben, bijv. https://bakkerijschuurmans.nl/websho.../hartencakeje/

als je dan op het icoontje klikt (in chrome) komt de afbeelding wel juist naar voren.

**Tim Makor** · 10-02-2016, 07:18

Origineel gepost door Paul Buruma

o.a. echter zijn er ook producten die dit hebben, bijv. https://bakkerijschuurmans.nl/websho.../hartencakeje/

als je dan op het icoontje klikt (in chrome) komt de afbeelding wel juist naar voren.

Ah het probleem kan ook op een andere manier opgelost worden, nu valt het kwartje!
Het zit hem in de https en http , de slides die niet werken verwijzen naar een onveilige url, als deze ook gewoon naar een https url verwijzen werkt het allemaal naar behoren :)

Het probleem is goed te zien in de voorbeeld codes uit mijn vorige bericht, de normale img url wijst naar de https maar de scrset="" verwijst naar non https urls

**Paul Buruma** · 10-02-2016, 11:55

oke, heb nu een stukje uit het .htaccess bestand gehaald:

PHP Code:


RewriteEngine OnRewriteCond %{HTTPS} !=onRewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

Hiermee is het probleem opgelost. Heb alleen dan weer een ander probleem, korte samenvatting:

Heb bij Tranip een SSL certificaat besteld, deze heb ik bij Neostrada geïnstalleerd. Echter wanneer je het webadres intypte kwam je niet op de https versie maar op de normale http url uit.
Daarna heb ik na wat google-en bovenstaand stukje code toegevoegd.

Dit werkt dus niet. Iemand enig idee hoe ik dit alsnog goed kan krijgen?

afbeeldingen chrome niet altijd zichtbaar woocommerce