LogoLogo
To the themeOur Shopware agencyOrder setup
English
English
  • Entry
  • Welcome
  • Theme
  • Setup
  • Theme Configuration
    • Allgemein
      • Verwaltung
      • Theme-Farben
      • Status-Ausgaben
      • Typografie
      • E-Commerce
      • Medien
      • Layout
      • Produktbilder
      • Formulare
      • Google Bewertungen
      • Social
    • Header
      • Ankündigungsleiste
      • Top Bar
      • Header
      • Such Overlay
      • Navigation
      • Flyout Navigation
    • Footer
      • Top Bar
      • Layout
      • Spalten
      • Zeile
      • Abschluss
    • Produkt Detailseite
      • Layout
      • Galerie
      • Buy Box
      • Tabs
      • Cross Selling
    • Erlebniswelten
      • Breadcrumb
      • Filter
      • Sidebar
      • Kategorie-Navigation
      • Listing
      • Produkt Box
    • Checkout
      • Layout
      • Warenkorb
      • Registrierung
      • Abschluss
    • Offcanvas
      • Navigation
    • Benutzerdefiniert
  • Included Extensions
    • Breadcrumb
    • Checkout
    • Datenblätter
    • Erlebniswelten Blöcke
    • FAQs
    • Features
    • Flyout Navigation
    • Google Bewertungen
    • Produktbild Hover
    • Aufgeklappte Sidebar-Filter
    • Unterkategorie-Navigation
    • Zusätzlicher Tab
  • Payment and Shipping Methods Icons
  • Apps
  • Blog
  • SEO URL Manager
  • Product Configurator
  • Expandable & sticky fixable sidebar
  • Newsletter Pop-Up
  • Cross Selling Pop-Up
  • Wishlist Manager
  • Academy
    • Technical terms
      • Ankündigungsleiste
      • Anzeigemodus
      • Button
      • Breadcrumb
      • Checkout
      • Conversion
      • Cross Selling
      • Flyout Navigation
      • Footer
      • Header
      • Hover Effekt
      • Icon
      • Kategorieseite
      • Landingpage
      • Offcanvas
      • Produkt Detailseite
      • Sidebar
      • Storefront
      • Top Bar
      • Variable
      • Warenkorb
      • Widget
  • Support
    • Assistance
    • Error message
    • Feature Request
Bereitgestellt von GitBook

© Atloss GmbH. All rights reserved.

Auf dieser Seite
  • Beinhalten / Strecken
  • Füllen
  • Standard

War das hilfreich?

Als PDF exportieren
  1. Academy
  2. Technical terms

Anzeigemodus

VorherigeAnkündigungsleisteNächsteButton

War das hilfreich?

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.

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.

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