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.

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.

Standard
Standard (default)
einstellbares² Seitenverhältnis
Großes Bild
Füllen (cover³)
einstellbare² Höhe
Minimaler Inhalt
Standard (default)
einstellbares² Seitenverhältnis
Anzeigemodus
Bei Standard/Original (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/Zugeschnitten (cover) wird die Box mit dem Bild komplett gefüllt. Es kann dabei je nach Format oben, unten, links oder rechts angeschnitten werden.

Produkt Layout-Typ in der Kategorie einstellen
Abweichend von der globalen Einstellung, kannst Du auch in jeder Kategorie das global eingestellte Layout überschreiben.

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

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/Original (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/Zugeschnitten (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/Feste Höhe (contain) wird das Bild auf die Größe der Box gestreckt und eingepasst. Es wird hierbei nicht angeschnitten.

Layout-Typ

ab Theme-Version 3.0.0
Standard/Original (default)
Standard
einstellbares² Seitenverhältnis
Standard/Original (
cover¹
)
Großes Bild
einstellbare² feste Höhe
Standard/Original (default)
Minimaler Inhalt
einstellbares² Seitenverhältnis
Füllen/Zugeschnitten (cover)
Standard
einstellbares² Seitenverhältnis
Füllen/Zugeschnitten (cover)
Großes Bild
einstellbare² feste Höhe
Füllen/Zugeschnitten (cover)
Minimaler Inhalt
einstellbares² Seitenverhältnis
Beinhalten/Feste Höhe (contain)
Standard
einstellbares² Seitenverhältnis
Beinhalten/Feste Höhe (contain)
Großes Bild
einstellbare² feste Höhe
Beinhalten/Feste Höhe (contain)
Minimaler Inhalt
einstellbares² Seitenverhältnis
Last updated
Was this helpful?