# 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) - [Breadcrumbs](https://themedocs.zenit.design/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](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) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://themedocs.zenit.design/styling.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.