bilder Produktbilder werden nicht in richtiger Größe angezeigt

[WIST]

Hallo,

also ich habe nun seit einiger Zeit das Problem, dass die Artikel nicht in einer Reihe sind.
Ich werde es hier nicht groß erklären, am besten selber Anschauen.

Ich habe schon so viele Sachen ausprobiert aber nichts funktioniert.
Ich möchte mir einfach die arbeit ersparen und die ganzen Bilder aufs gleiche Format zu bringen und neu hochladen.

Webseite: wist-verpackungen.de

Prestashop ver. 1.7.5.2

 

Danke schonmal für eure Hilfe

[JBW]

Du hast Bilder mit 177x177px und 250x250px - wahrscheinlich hast du das Format mal geändert? Wenn ja müssen die Bilder neu generiert werden (Design->Bilder).

Du kannst die Größe auch in deiner custom.css wieder auf 177 limitieren, dann sind auch die größeren genauso klein wie die anderen:

.products img {
	max-width: 177px;
}

[WIST]

Das mit den Bilder hat Prima Funktioniert  DANKE! 

 

Zu dem hochbeladenen Bild - Auf einer Seite werden die Produkte immer noch so komisch angezeigt, das liegt aber am Text. 
Kann man da irgendwo was verändern, dass das Feld der Artikelbezeichnung immer die gleiche Größe aufweißt?
Ich habe versucht die Schriftgröße zu verändern, aber die war dann leider zu klein und das möchte ich nicht den Kunden zumuten.. 

 

 

[JBW]

Wenn du den Versatz bei den Kästchen meinst, dann könntest du dass z.B. durch eine feste höhe ausgleichen:

 

.products .product-miniature {
	height: 290px;
}

in die customs.css einfügen.

Wenn dann die Buttons noch auf einer Höhe sein sollen usätzlich die Höhe der Beschreibung "normieren".

[WIST]

vor 1 Stunde schrieb JBW:

Wenn du den Versatz bei den Kästchen meinst, dann könntest du dass z.B. durch eine feste höhe ausgleichen:

 

.products .product-miniature {
	height: 290px;
}

in die customs.css einfügen.

Wenn dann die Buttons noch auf einer Höhe sein sollen usätzlich die Höhe der Beschreibung "normieren".

Also im Browser passt es so Perfekt - Herzlichen Dank für die schnelle Hilfen!

Wenn man die Webseite mit einem Smartphone betrachtet hat man trotzdem das Problem.
Also wenn man das im Browser auf die Mobile-Ansicht schaltet, dann passt da alles. Schaut man die Seite mit einem Redmi Note 9 Pro oder Samsung S20+ an hat man trotzdem diesen blöden Versatz. *kotz*

[uusk]

Versuch das mal mit position:absolute hinzufummeln.

[rictools]

Manche CSS-Anweisungen sind eingeschränkt und gelten z. B. nur für bestimmte Bildschirmgrößen, vielleicht ignoriert die Software bestimmter Geräte auch bestimmte Anweisungen, wenn es sich um einen normalen Browser handelt schau mal ob du die "Untersuchen"-Funktion mit Rechtsklick aktivieren und die verwendeten CSS-Stile überprüfen und testweise ändern kannst.

[uusk]

Du musst

.products .product-description {
    text-align: center;
    height: 180px;
}

.products .product-miniature .product-actions {
position: absolute;
bottom: 0px;
}

ergänzen.

Da auf kleineren Bildschirmen die div-Höhe von .product-description zu groß werden wird, musst Du dort in den verschiedenen @media screen's ... die Höhen anpassen.

@media screen and ( ...

.products .product-description {
    height: 1xxpx;
}

}