# Styling

- [Allgemein](/styling/allgemein.md)
- [Grundlayout](/styling/allgemein/grundlayout.md): In den Grundeinstellungen kannst Du das wesentliche Aussehen Deines Shop gestalten. Diese Einstellung verändern das Layout grundlegend.
- [Produktbilder](/styling/allgemein/produktbilder.md)
- [Produkt Layout-Typ](/styling/allgemein/produkt-layout-typ.md)
- [Globales Hintergrundbild](/styling/allgemein/globales-hintergrundbild.md)
- [Preloader](/styling/allgemein/preloader.md)
- [Akzentlinie](/styling/allgemein/akzentlinie.md)
- [Animationen](/styling/allgemein/animationen.md)
- [Typografie & Farben](/styling/typografie-und-farben.md)
- [Theme-Farben](/styling/typografie-und-farben/theme-farben.md)
- [Status-Ausgaben](/styling/typografie-und-farben/status-ausgaben.md): Je nach Aktion im Shop, werden vom System Status-Meldungen angezeigt. Die typischen Farben verschiedenen Statusmeldungen findest Du hier.
- [Schriftarten](/styling/typografie-und-farben/schriftarten.md)
- [Typografie](/styling/typografie-und-farben/typografie.md)
- [E-Commerce](/styling/typografie-und-farben/e-commerce.md)
- [Buttons](/styling/typografie-und-farben/buttons.md)
- [Logos](/styling/logos.md)
- [Header](/styling/header.md)
- [Header](/styling/header/header.md)
- [Suche](/styling/header/suche.md)
- [Top Bar](/styling/header/top-bar.md)
- [Shop Navigation](/styling/header/shop-navigation.md): Shop Navigation (Suche, Konto, Warenkorb)
- [Main Navigation](/styling/header/main-navigation.md): Main Navigation (Kategorien)
- [Flyout Navigation](/styling/header/flyout-navigation.md): Die Flyout-Navigation ist das Megamenü in Shopware 6, welches beim Überfahren der Kategorien die Unterkategorien darstellt.
- [Dropdown Navigation](/styling/header/dropdown-navigation.md)
- [Footer](/styling/footer.md)
- [Footer](/styling/footer/footer.md)
- [Inhalte](/styling/footer/inhalte.md)
- [Spalten](/styling/footer/spalten.md)
- [Spalten Styling](/styling/footer/spalten-styling.md)
- [Unterer Footer](/styling/footer/unterer-footer.md): Als Footer Bottom wird der untere Teil des Footers bezeichnet. In diesem werden die Hinweise zur Steuer, das Copyright und je nach Einstellung auch die Social Media Icons dargestellt.
- [Elemente](/styling/elemente.md)
- [Sidebar](/styling/elemente/sidebar.md)
- [Sidebar Navigation](/styling/elemente/sidebar-navigation.md)
- [Formulare](/styling/elemente/formulare.md)
- [Bild- & Galerie-Slider](/styling/elemente/bild-and-galerie-slider.md): In Shopware 6 gibt es verschiedenen Slider-Navigations-Elemente. Grundsätzlich wird zwischen der Dot-Navigation und den Pfeilen unterschieden.
- [Produkt Slider](/styling/elemente/produkt-slider.md)
- [Kategorie Listing Slider](/styling/elemente/kategorie-listing-slider.md)
- [Paginierung](/styling/elemente/paginierung.md)
- [Breadcrumbs](/styling/elemente/breadcrumbs.md): Breadcrumbs sind eine sekundäre Navigation, bei welcher der zurückgelegte Pfad von der Startseite bis zur aktuellen Seite dargestellt wird. Es zeigt die Ebenentiefe an, in welcher man sich befindet.
- [Cookie Banner](/styling/elemente/cookie-banner.md)
- [Offcanvas](/styling/elemente/offcanvas.md)
- [Backdrop](/styling/elemente/backdrop.md)
- [Scroll-Up Button](/styling/elemente/scroll-up-button.md)
- [Kategorie](/styling/kategorie.md): Die Kategorie oder auch Listing genannt, listet Deine Produkte auf.
- [Kategorie-Header](/styling/kategorie/kategorie-header.md)
- [Hero Sektion](/styling/kategorie/hero-sektion.md): Das Kategoriebild kann automatisiert in die erste Sektion der Erlebniswelt als Hintergrund eingelesen werden. Dadurch wird es möglich die Erlebniswelten Blöcke auf dem Hintergrundbild zu platzieren.
- [Filter](/styling/kategorie/filter.md): Filter können über die Erlebniswelt horizontal im Hauptinhaltsbereich der Seite oder aber in der Sidebar als vertikales Element dargestellt werden.
- [Listing Actions](/styling/kategorie/listing-actions.md)
- [Produkt-Boxen](/styling/kategorie/produkt-boxen.md): Cards sind die Artikel-Boxen oder auch Produktboxen des Shops.
- [Quickview](/styling/kategorie/quickview.md)
- [Produkt](/styling/produkt.md): Die Produkt-Detailseite
- [Produkt-Header](/styling/produkt/produkt-header.md)
- [Buybox](/styling/produkt/buybox.md)
- [Galerie](/styling/produkt/galerie.md)
- [Beschreibung](/styling/produkt/beschreibung.md)
- [Beschreibung Navigation](/styling/produkt/beschreibung-navigation.md)
- [Beschreibung Inhalt](/styling/produkt/beschreibung-inhalt.md)
- [Dokumente](/styling/produkt/dokumente.md): Der Bereich der Dokumente ist eine Weiterentwicklung der Datenblätter-Funktion des Themes. Neben der Darstellung von eingebetteten PDF-Dateien können nun Dokumente zum Download angeboten werden.
- [Account](/styling/account.md)
- [Übersicht](/styling/account/ubersicht.md)
- [Kasse](/styling/kasse.md): Der Kasse- oder auch Checkout-Bereich Deines Onlineshops
- [Warenkorb](/styling/kasse/warenkorb.md)
- [Offcanvas Warenkorb](/styling/kasse/offcanvas-warenkorb.md)
- [Kasse](/styling/kasse/kasse.md)