Artikelbilder unscharf?!?

[necklace]

http://www.dein-halsband.at/Geschirre/IDC-Powergeschirr-Groesse-1-4::4.html

Bitte um Hilfe.

Imageprocessing schon ausgeführt.

Linkback: https://www.modified-shop.org/forum/index.php?topic=34231.0

[Bonsai]

Bildoptionen richtig eingestellt? Also die Größe der Bilder? DANACH Imageprocessing.

[necklace]

wo geht das?

[Bonsai]

Ich empfehle dringend erst mal das Handbuch zu lesen ..... Insbesondere Kapitel 4.18 Produktbilder in modified

 

[necklace]

hahaha ok

kurze frage noch. wie finde ich heraus welche größe die thumbnails haben müssen? also in dem template?

[Bonsai]

In Firefox
rechtsklick -> element untersuchen

Dann geht unten ein Bereich mit dem Quelltext auf. Wenn Du da mit der Maus über dem <img src=" .... > Tag schwebst, wird oben die Größe des Elements angezeigt. Rechts sind die Stylesheets dazu. Wenn Du da z.B. max-width anklickst, siehst Du von welcher CSS Klasse die kommt und auf was für einen Wert die steht.

[ Für Gäste sind keine Dateianhänge sichtbar ]

[necklace]

nur in %

[necklace]

aaaah ok

[swolfram [templatix]]

Folgendes sollte ganz gut passen

Info: 450x450
Thumb: 180x180
Popup: 1000x1000

[necklace]

aber warum sind die vorschaubilder unten abgeschnitten?

http://www.dein-halsband.at/Geschirre:::2.html

[Bonsai]

In Deinem CSS Steht was für height bei der Klasse product_view_default_image?

Das ist dann die Höhe in der die Bilder sein sollten ....

[noRiddle (revilonetz)]

Ausführlicher:
Weil deine Vorschaubilder (= thumbnails) 282px hoch sind, der umgebende Container <div class="product_view_default_image"> jedoch nur 180px im CSS zulässt.
Gleichzeitig ist auch noch der übergeordnete Container <div class="product_view_default"> auf eine width von 26,2% festgelegt, was, da das Bild selbst (im CSS .product_view_default_image img) eine width von 98% gemessen am umgebenden Container hat, auch noch das Bild im Browser runterskaliert.

Du mußt die im Backend angegebenen Max-Größen für Breite und Höhe so anpassen, daß sie in der größt-möglichen Shopansicht genau in die sie umgebenden Container passen (oder umgekehrt die Containergrößen im CSS anpassen)
Dazu mußt du dann noch die media queries (im CSS @media) anpassen damit bei kleineren Bildschirmen alles okay ist.

Gruß,
noRiddle

[necklace]

Vielen lieben Dank euch allen!