# Styling

- [General](/en/styling/general.md): In the basic settings of the layout you can design the essential appearance of your store. These settings are settings with the most impact on the storefront.
- [Basic layout](/en/styling/general/basic-layout.md)
- [Product images](/en/styling/general/product-images.md)
- [Produkt Layout-Typ](/en/styling/general/produkt-layout-typ.md)
- [Global background](/en/styling/general/global-background.md)
- [Preloader](/en/styling/general/preloader.md)
- [Accent line](/en/styling/general/accent-line.md)
- [Animations](/en/styling/general/animations.md)
- [Typo & Colors](/en/styling/typo-and-colors.md): The global colors and fonts of the shop
- [Theme colors](/en/styling/typo-and-colors/theme-colors.md)
- [Status messages](/en/styling/typo-and-colors/status-messages.md): Depending on the action in the store, status messages are displayed by the system. You can find the typical colors of different status messages here.
- [Fonts](/en/styling/typo-and-colors/fonts.md)
- [Typography](/en/styling/typo-and-colors/typography.md)
- [E-Commerce](/en/styling/typo-and-colors/e-commerce.md)
- [Buttons](/en/styling/typo-and-colors/buttons.md)
- [Logos](/en/styling/logos.md)
- [Header](/en/styling/header.md): The header area of the shop
- [Header](/en/styling/header/header.md)
- [Search](/en/styling/header/search.md)
- [Top bar](/en/styling/header/top-bar.md)
- [Shop navigation](/en/styling/header/shop-navigation.md): Shop navigation (Search, Wishlist, Account, Cart)
- [Main navigation](/en/styling/header/main-navigation.md)
- [Flyout navigation](/en/styling/header/flyout-navigation.md)
- [Dropdown navigation](/en/styling/header/dropdown-navigation.md)
- [Footer](/en/styling/footer.md): The footer is the bottom area of your online shop.
- [Footer](/en/styling/footer/footer.md)
- [Content](/en/styling/footer/content.md)
- [Columns](/en/styling/footer/columns.md)
- [Columns styling](/en/styling/footer/columns-styling.md)
- [Footer bottom](/en/styling/footer/footer-bottom.md): The footer bottom is the lower part of the footer. This is where the tax notes, copyright and, depending on the settings, the social media icons and shipping/payment methods are displayed.
- [Components](/en/styling/components.md): Design of components, which are displayed at different places in the storefront.
- [Sidebar](/en/styling/components/sidebar.md)
- [Sidebar navigation](/en/styling/components/sidebar-navigation.md)
- [Forms](/en/styling/components/forms.md)
- [Image & gallery slider](/en/styling/components/image-and-gallery-slider.md): In Shopware 6 there are different slider navigation elements. Basically, a distinction is made between the dot navigation and the arrows.
- [Produkt slider](/en/styling/components/produkt-slider.md)
- [Category Listing Slider](/en/styling/components/category-listing-slider.md)
- [Pagination](/en/styling/components/pagination.md)
- [Breadcrumbs](/en/styling/components/breadcrumbs.md): Breadcrumbs are an additional navigation, where the travelled path from the home page to the current page is shown. It shows the level depth in which you are.
- [Cookie banner](/en/styling/components/cookie-banner.md)
- [Offcanvas](/en/styling/components/offcanvas.md)
- [Backdrop](/en/styling/components/backdrop.md)
- [Scroll-Up button](/en/styling/components/scroll-up-button.md)
- [Category](/en/styling/category.md): The category or also called listing lists your products.
- [Category header](/en/styling/category/category-header.md)
- [Hero section](/en/styling/category/hero-section.md): The category image can be automatically set into the first section of the shopping experience (cms) as background image. This makes it possible to place the elements/blocks on the background image.
- [Filter](/en/styling/category/filter.md)
- [Listing actions](/en/styling/category/listing-actions.md): Listing actions (pagination, sorting)
- [Product boxes](/en/styling/category/product-boxes.md)
- [Quickview](/en/styling/category/quickview.md)
- [Product](/en/styling/product.md): The product page / product detail page.
- [Product-Header](/en/styling/product/product-header.md)
- [Buybox](/en/styling/product/buybox.md)
- [Gallery](/en/styling/product/gallery.md)
- [Description](/en/styling/product/description.md)
- [Description navigation](/en/styling/product/description-navigation.md)
- [Description content](/en/styling/product/description-content.md)
- [Documents](/en/styling/product/documents.md): The documents section is an evolution of the theme's datasheet feature. In addition to displaying embedded PDF files, documents can now be offered for download.
- [Account](/en/styling/account.md)
- [Overview](/en/styling/account/overview.md)
- [Checkout](/en/styling/checkout.md): The checkout area of your online shop.
- [Cart](/en/styling/checkout/cart.md)
- [Offcanvas cart](/en/styling/checkout/offcanvas-cart.md)
- [Checkout](/en/styling/checkout/checkout.md)