Layout-Typ
Last updated
Was this helpful?
Last updated
Was this helpful?
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.
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
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.
Abweichend von der globalen Einstellung, kannst Du auch in jeder Kategorie das global eingestellte Layout überschreiben.
Erlebniswelten Produkt-Slider und Produkt-Boxen haben neben dem Layout-Typ (2) auch die Wahl eines Anzeigemodus (1).
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.
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