> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/styling.md). # Styling - [Allgemein](https://themedocs.zenit.design/styling/allgemein.md) - [Grundlayout](https://themedocs.zenit.design/styling/allgemein/grundlayout.md): In den Grundeinstellungen kannst Du das wesentliche Aussehen Deines Shop gestalten. Diese Einstellung verändern das Layout grundlegend. - [Produktbilder](https://themedocs.zenit.design/styling/allgemein/produktbilder.md) - [Produkt Layout-Typ](https://themedocs.zenit.design/styling/allgemein/produkt-layout-typ.md) - [Globales Hintergrundbild](https://themedocs.zenit.design/styling/allgemein/globales-hintergrundbild.md) - [Preloader](https://themedocs.zenit.design/styling/allgemein/preloader.md) - [Akzentlinie](https://themedocs.zenit.design/styling/allgemein/akzentlinie.md) - [Animationen](https://themedocs.zenit.design/styling/allgemein/animationen.md) - [Typografie & Farben](https://themedocs.zenit.design/styling/typografie-und-farben.md) - [Theme-Farben](https://themedocs.zenit.design/styling/typografie-und-farben/theme-farben.md) - [Status-Ausgaben](https://themedocs.zenit.design/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](https://themedocs.zenit.design/styling/typografie-und-farben/schriftarten.md) - [Typografie](https://themedocs.zenit.design/styling/typografie-und-farben/typografie.md) - [E-Commerce](https://themedocs.zenit.design/styling/typografie-und-farben/e-commerce.md) - [Buttons](https://themedocs.zenit.design/styling/typografie-und-farben/buttons.md) - [Logos](https://themedocs.zenit.design/styling/logos.md) - [Header](https://themedocs.zenit.design/styling/header.md) - [Header](https://themedocs.zenit.design/styling/header/header.md) - [Suche](https://themedocs.zenit.design/styling/header/suche.md) - [Top Bar](https://themedocs.zenit.design/styling/header/top-bar.md) - [Shop Navigation](https://themedocs.zenit.design/styling/header/shop-navigation.md): Shop Navigation (Suche, Konto, Warenkorb) - [Main Navigation](https://themedocs.zenit.design/styling/header/main-navigation.md): Main Navigation (Kategorien) - [Flyout Navigation](https://themedocs.zenit.design/styling/header/flyout-navigation.md): Die Flyout-Navigation ist das Megamenü in Shopware 6, welches beim Überfahren der Kategorien die Unterkategorien darstellt. - [Dropdown Navigation](https://themedocs.zenit.design/styling/header/dropdown-navigation.md) - [Footer](https://themedocs.zenit.design/styling/footer.md) - [Footer](https://themedocs.zenit.design/styling/footer/footer.md) - [Inhalte](https://themedocs.zenit.design/styling/footer/inhalte.md) - [Spalten](https://themedocs.zenit.design/styling/footer/spalten.md) - [Spalten Styling](https://themedocs.zenit.design/styling/footer/spalten-styling.md) - [Unterer Footer](https://themedocs.zenit.design/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](https://themedocs.zenit.design/styling/elemente.md) - [Sidebar](https://themedocs.zenit.design/styling/elemente/sidebar.md) - [Sidebar Navigation](https://themedocs.zenit.design/styling/elemente/sidebar-navigation.md) - [Formulare](https://themedocs.zenit.design/styling/elemente/formulare.md) - [Bild- & Galerie-Slider](https://themedocs.zenit.design/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](https://themedocs.zenit.design/styling/elemente/produkt-slider.md) - [Kategorie Listing Slider](https://themedocs.zenit.design/styling/elemente/kategorie-listing-slider.md) - [Paginierung](https://themedocs.zenit.design/styling/elemente/paginierung.md) - [BreadcrumbsKannst du](https://themedocs.zenit.design/styling/elemente/breadcrumbskannst-du.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](https://themedocs.zenit.design/styling/elemente/cookie-banner.md) - [Offcanvas](https://themedocs.zenit.design/styling/elemente/offcanvas.md) - [Backdrop](https://themedocs.zenit.design/styling/elemente/backdrop.md) - [Scroll-Up Button](https://themedocs.zenit.design/styling/elemente/scroll-up-button.md) - [Kategorie](https://themedocs.zenit.design/styling/kategorie.md): Die Kategorie oder auch Listing genannt, listet Deine Produkte auf. - [Kategorie-Header](https://themedocs.zenit.design/styling/kategorie/kategorie-header.md) - [Hero Sektion](https://themedocs.zenit.design/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](https://themedocs.zenit.design/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](https://themedocs.zenit.design/styling/kategorie/listing-actions.md) - [Produkt-Boxen](https://themedocs.zenit.design/styling/kategorie/produkt-boxen.md): Cards sind die Artikel-Boxen oder auch Produktboxen des Shops. - [Quickview](https://themedocs.zenit.design/styling/kategorie/quickview.md) - [Produkt](https://themedocs.zenit.design/styling/produkt.md): Die Produkt-Detailseite - [Produkt-Header](https://themedocs.zenit.design/styling/produkt/produkt-header.md) - [Buybox](https://themedocs.zenit.design/styling/produkt/buybox.md) - [Galerie](https://themedocs.zenit.design/styling/produkt/galerie.md) - [Beschreibung](https://themedocs.zenit.design/styling/produkt/beschreibung.md) - [Beschreibung Navigation](https://themedocs.zenit.design/styling/produkt/beschreibung-navigation.md) - [Beschreibung Inhalt](https://themedocs.zenit.design/styling/produkt/beschreibung-inhalt.md) - [Dokumente](https://themedocs.zenit.design/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](https://themedocs.zenit.design/styling/account.md) - [Übersicht](https://themedocs.zenit.design/styling/account/ubersicht.md) - [Kasse](https://themedocs.zenit.design/styling/kasse.md): Der Kasse- oder auch Checkout-Bereich Deines Onlineshops - [Warenkorb](https://themedocs.zenit.design/styling/kasse/warenkorb.md) - [Offcanvas Warenkorb](https://themedocs.zenit.design/styling/kasse/offcanvas-warenkorb.md) - [Kasse](https://themedocs.zenit.design/styling/kasse/kasse.md)