Display Mode

In Shopware 6 finden sich an unterschiedlichen Stellen die Anzeigemodi "Beinhalten" (manchmal auch "Strecken" gennant), "Füllen" und "Standard" wieder. Sie wirken sich dabei besonders auf die Darstellung, sowie die Skalierung eines Bildes aus. Damit du die drei Optionen besser verstehst, erklären wir dir die Begriffe nun etwas genauer.

Die Anzeigemodi "Beinhalten" / "Strecken", "Füllen" und "Standard" im Vergleich

Beinhalten / Strecken

Dieser Anzeigemodus streckt ein Bild auf die maximal verfügbare Breite. Damit das Bild nicht verzerrt wird, behält das Bild immer das ursprüngliche Seitenverhältnis bei.

Dieser Modus ist besonders responsiv, da man sich hier immer sicher sein kann, dass das Bild korrekt dargestellt wird. Besonders bei Smartphones kann es jedoch aufgrund der geringen Bildschirmbreite vorkommen, dass Bilder zu klein dargestellt werden.

Füllen

Für diesen Anzeigemodus ist die Angabe einer minimalen Höhe erforderlich. Das Bild streckt sich anschließend in alle Richtungen aus, um den entstehenden Bereich komplett zu füllen. Damit das Bild nicht verzerrt wird, werden die Seiten automatisch vom Browser zugeschnitten.

Dieser Modus eignet sich besonders, wenn man einen Bereich mit dem Bild komplett ausfüllen möchte. Durch das automatische Zuschneiden kann es jedoch schnell passieren, dass essenzielle Bestandteile eines Bildes nicht mehr sichtbar sind. Daher sollte dieser Anzeigemodus auf allen Endgerät Typen getestet werden.

Standard

Bei diesem Anzeigemodus behält das Bild immer seine ursprüngliche, native Größe bei. Es wird weder gestreckt, noch zugeschnitten.