Produkt Bilder zu groß

Question

Ich habe versucht, meine Website zu beenden, aber am Ende sah ich, dass meine einzelnen Produktbilder viel zu groß sind.

Meine Einstellungen wurden auf 600 px x 450px gesetzt Aber wenn ich die Produktseite besuche, sind sie auf 1100 x 855 px eingestellt.

Ich habe bereits versucht es mit diesem CSS zu beheben:

.single-product div.product div.images img { 
    width:    80% !important; 
    margin:    auto; 
} 

und verwendet, um das Plugin die Thumbnails zu regenerieren, aber die Lösung nicht.

Hat jemand eine Idee, es zu beheben?

Vielen Dank im Voraus.

Answer 1

In Ihrem WordPress gehen Sie zu "WooCommerce> Einstellungen> Produkte> Anzeige" dort können Sie die Produktbilder einstellen. Siehe die beigefügten Bild - Nach dem Einstellen der Bildgröße zu tun Bild Regeneration mit Plugin -'Regenerate Thumbnails'

Answer 2

Sie den Bildern eine feste Breite nicht geben, gibt ihnen die den Behälter:

.single-product .product .images { 
    width: 80%; 
    margin: auto; 
} 

img.img-responsive { 
    display: block; 
    max-width: 100%; 
    height: auto; 
} 

Ihre Bilder Container hat jetzt 80% der Elternbreite. Ihre Bilder mit der Klasse .img-responsive verwenden ihre eigene Breite, sofern der Container nicht kleiner ist. Wenn der Container kleiner ist als Ihre Bilder, werden sie einfach verkleinert und die Proportionen beibehalten. (Gleiche Klasse wie Bootstrap verwendet).

Answer 3

Manchmal Regenerate Thumbnails Plugin funktioniert nicht. Versuche nach "Force Regenerate Thumbnails" zu suchen und schau, ob dieses Plugin dir Glück bringt.