Links

Layout-Typ

Listing

Grundlegend kannst Du für die Darstellung Deiner Produkte in der Storefront aus drei Layout-Typen wählen. Dabei stehen Dir die Layouts Standard, Großes Bild und Minimaler Inhalt zur verfügung.
Grundsätzlich verwendet Shopware zunächst den Layout-Typ Standard. Dieser Layout-Typ stellt eine Produktbeschreibung (1) im Produkt-Layout dar. Die Layout-Typen Großes Bild und Minimaler Inhalt stellen keine Beschreibung im Listing dar und sind etwas kompakter.
Layout-Type Standard

Produkt Layout-Typ global einstellen

In der Erlebniswelt Kategorie-Layout unter Erlebniswelten > Kategorieseiten kannst Du im Kategorie-Listing Element das Layout Deiner Produkte global einstellen.
Auswahl des Layout-Typ
Du wirst möglicherweise eine Kopie des Standard Kategorie-Layouts erstellen müssen, da sich diese nicht bearbeiten lassen.
Layout-Typ
Anzeigemodus¹
Seitenverhältnis
Standard
Standard (default)
einstellbares² Seitenverhältnis
Großes Bild
Füllen (cover³)
einstellbare² Höhe
Minimaler Inhalt
Standard (default)
einstellbares² Seitenverhältnis
¹ Der Anzeigemodus ist im Listing-Element nicht einstellbar - im Produkt-Slider hingegen schon.
² Du kannst das Seitenverhältnis und die Höhe in der Themen-Konfiguration einstellen.
³ Der Layout-Typ Großes Bild verwendet die Darstellung von eingepassten Artikelbildern mit einer fixen Höhe. Dabei wird die Box mit dem Bild komplett gefüllt. Es kann dabei je nach Bild-Format oben, unten, links oder rechts angeschnitten werden.

Anzeigemodus

  • Bei Standard (default) passt sich das Bild bis zu seiner nativen Größe an die das Bild einfassende Box an. Es wird hierbei nicht angeschnitten.
  • Bei Füllen (cover) wird die Box mit dem Bild komplett gefüllt. Es kann dabei je nach Format oben, unten, links oder rechts angeschnitten werden.
Standard, Füllen, Beinhalten

Produkt Layout-Typ in der Kategorie einstellen

Abweichend von der globalen Einstellung, kannst Du auch in jeder Kategorie das global eingestellte Layout überschreiben.
ab Minute 11:35

Produkt-Slider & Produkt-Boxen

Erlebniswelten Produkt-Slider und Produkt-Boxen haben neben dem Layout-Typ (2) auch die Wahl eines Anzeigemodus (1).

Anzeigemodus

Anzeigemodus
An vielen Stellen in Shopware 6 kann der Anzeigemodus der Artikelbilder gewählt werden. Dabei stehen die Werte Standard, Füllen und Beinhalten zur Auswahl. Bei Anzeigemodus entscheidest Du, wie sich das Bild im Bildbereich der Produkt-Kachel verhält.
  • Bei Standard (default) passt sich das Bild bis zu seiner nativen Größe an die das Bild einfassende Box an. Es wird hierbei nicht angeschnitten.
  • Bei Füllen (cover) wird die Box mit dem Bild komplett gefüllt. Es kann dabei je nach Format oben, unten, links oder rechts angeschnitten werden.
  • Bei Beinhalten (contain) wird das Bild auf die Größe der Box gestreckt und eingepasst. Es wird hierbei nicht angeschnitten.
Ist die Auflösung der Produktbilder zu klein für die Anzeigefläche, sodass diese nicht füllend dargestellt werden, kannst Du den Modus Beinhalten wählen. Die Bilder werden so über ihre eigentliche Größe hinaus gestreckt und füllend angezeigt.
Mehr Informationen zur Bildauflösung findest Du hier: Bildgrößen
Standard, Füllen, Beinhalten

Layout-Typ

Layout-Typ
ab Theme-Version 3.0.0
Anzeigemodus
Layout-Typ
Seitenverhältnis
Standard (default)
Standard
einstellbares² Seitenverhältnis
Standard (cover¹)
Großes Bild
einstellbare² feste Höhe
Standard (default)
Minimaler Inhalt
einstellbares² Seitenverhältnis
Füllen (cover)
Standard
einstellbares² Seitenverhältnis
Füllen (cover)
Großes Bild
einstellbare² feste Höhe
Füllen (cover)
Minimaler Inhalt
einstellbares² Seitenverhältnis
Beinhalten (contain)
Standard
einstellbares² Seitenverhältnis
Beinhalten (contain)
Großes Bild
einstellbare² feste Höhe
Beinhalten (contain)
Minimaler Inhalt
einstellbares² Seitenverhältnis
¹ Der Layout-Typ Großes Bild verwendet im Standard die Darstellung von eingepassten Artikelbildern mit einer fixen Höhe im Modus cover.
² Du kannst das Seitenverhältnis und die Höhe in der Themen-Konfiguration einstellen
Last modified 1mo ago