Produktbild größer machen

Shopware 5 Allgemein
1

Hallihallo,

wie kann ich das große Bild in der Produkt-Detailansicht auf die volle größe des vorgegebenen (Eltern-)Elements ziehen?
Oder kann ich die Bildgröße für die Detailansicht sogar irgendwo im Backend einstellen?

2

Das kann ganz einfach über Änderungen am CSS gemacht werden, wie das geht steht hier:

https://developers.shopware.com/designers-guide/less/

Gruß

Matt

3

Klappt super, ich liebe den Inspector! :wink: Danke!!

4

Vergiss aber nicht, die im Inspektor gemachten Änderungen auch zu speichern :slight_smile:

Gruß

Matt

5

Ha! Der war echt gut. :smiley:

Hier der konkrete Code für maximal große Produktbilder in der Detailansicht. 
Vergesst bitte nicht, das Ganze in ein entsprechendes Mediaquery für den Desktopview zu setzen.

.image-slider–container {

    margin-bottom: 0;
    height: 200%;

}

.image-slider–item .image–element {

    display: inline-block;
    max-width: 100%;
    height: 200%;
    width: 100%;

}

div.image-slider–container div.image-slider–slide > div.image–box.image-slider–item span.image–element span.image–media img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: 200%;
    width: 100%;
}