Artikelbild Gesamtansicht verkleinern? Als Lightbox?

Shopware 5 Allgemein
1

Guten Tag,

Aktuell (standardmäßig) wird das Artikelbild, nach Klicken des Thumbnails, auf der kompletten Bildschirm angezeigt und läst sich nur durch Xen oben rechts wegklicken.

Gibt es eine Einstellung im BackEnd oder kann mir jmd die Datei nennen , wo man das einstellen kann?

Am besten soll das Fenster so beibehalten werden - allerdings zentriert angezeigt mit je 20% Abstand zur Bildschirmrand…

 

2

Sorry ^^ erst denken, dann fragen.

.js–modal{

max-width: 80%;

max-height: 80%;

}

ist die Lösung.

3

Vielleicht solltest du dir überlegen, dass du die CSS Regeln erst ab einer Bildschirmgröße von " > Tablet " aktivierst. Auf einem kleinen Handydisplay soll die Modalbox doch die volle Größe einnehmen oder?

@media screen and (min-width: @tabletLandscapeViewportWidth) {
  .js--modal {
    max-width: 80%;
    max-height: 80%;
  }
}

 

1 „Gefällt mir“
4

@simkli‍ sehr überragend!

Das hatte mich auch etwas gestört, dass es überall dann diesen Abstand hat - also auch auf de Smartphone. Aber das hat sich ja dank deiner aUfmerksamkeit wie von selbst gelöst.

Vielen Dank für den Hinweis :slight_smile:

5

Hallo, der Thread ist nun schon ewas älter, aber mein Problem noch aktuell.

Ich verstehe nicht, in welche Datei dieser Code hin soll.

Danke für den Tipp  Undecided

6

Hallo,

der Code kommt in eine eigene LESS-Datei im eigenen Theme, siehe: Getting started with Shopware templating .

Beste Grüße

Sebastian