Hallo,
ich verwende das Auflistungselemt/Produktübersicht um bestimmte Produkte mit gewissen Tags anzuzeigen. Beim Style kann man bis größe 4 einstellen, ich hätte aber gerne größere Bilder.
Hier ein Besispiel: hobbydojo.de/shop/test1
Nun wollte ich fragen, wie man das mittels CSS lösen könnte. In der Klasse cc-catalog-size-4 sind die Parameter für Klasse 4 festgeltgt (Klasse 1-3 analog), aber wie ich die Parameter einsehen und dann appassen kann, weiß ich nicht. Noch zur Info, ich bin absoluter CSS Anfänger ,

danke,
Andi

Hallo,

mittlerweile habe ich eine Lösung gefunden. Mit folgendem Code lässt sich die Größe anpassen.


.cc-catalog-size-4 .cc-webview-product {
width: 305px;}
.cc-catalog-size-4 .cc-webview-product .cc-webview-product-image {
height: 305px;
line-height: 175px;
width: 305px}
.cc-catalog-container-new .cc-catalog-galleryview .j-webview-product-image {
width: 305px ;
}

Ein Problem besteht dennoch. Jimdo holt sich "Preview-Bilder", welche aber kleinere Auflösungen haben (z.B. 250x180). Sie folgenden Code

<img class="j-webview-product-image" srcset="
ttps://image.jimcdn.com/app/cms/image/tr...68273/image.jpg 375w,
ttps://image.jimcdn.com/app/cms/image/tr...68273/image.jpg 300w " sizes="(max-width: 480px) 100vw, 300px" src="
ttps://image.jimcdn.com/app/cms/image/tr.../image.jpg"; alt="" title="">


Mit meiner Anpassung werden die Bilder nur gestreckt, sehen also etwas unscharf aus. Wie ich das Problem nun lösen kann, weiß ich nicht.
Hat jemand eine Idde,

danke,
Andi

Hallo, danke für die Rückmeldung.
Ich glaube für Sachen wie jQuery reicht mein Wissen leider nicht, dann sind die Bilder halt etwas unscharf.