> 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/en/content/shopping-experiences.md).

# Shopping experiences

- [Sections](https://themedocs.zenit.design/en/content/shopping-experiences/sections.md): A section is an area which contains blocks and elements.
- [Blocks](https://themedocs.zenit.design/en/content/shopping-experiences/blocks.md): Blocks are design grids which in turn contain elements.
- [Elements](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/elements.md): Elements are the contents that can be used in the shopping experience blocks.
- [Image text slider](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/elements/image-text-slider.md): Image sliders bring movement to your site and usually get the most attention.
- [Search banner](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/elements/search-banner.md): From theme version 3.5.0, you can use the search banner element to edit the experience worlds - exclusively for the Pro version of the themes on Shopware self-managed systems.
- [Text banner](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/elements/text-banner.md): From theme version 3.5.0, you can use the text banner element to edit the shopping experiences
- [Teaser](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/elements/teaser.md): Teaser elements are used to visually link categories or other important pages.
- [Features](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/elements/features.md): With the help of the features element, you can present unique selling propositions (USPs) in the shopping experiences.
- [Breadcrumbs](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/elements/breadcrumbs.md)
- [Code](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/elements/code.md): The code element allows you to add custom HTML/TWIG, CSS or Javascript code to your shopping experiences.
- [Divider](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/elements/divider.md): The divider element lets you separate blocks with spacings
- [Category-navigation](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/elements/category-navigation.md): The category navigation is a supplement to Shopware's standard category navigation and offers options for configuring the display of the menu.
- [Footer navigation](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/elements/footer-navigation.md): From theme version 4.0.0, you can use the footer navigation element to edit the experience worlds - exclusively for the Pro version of the themes on Shopware self-managed systems.
- [Placeholder](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/elements/placeholder.md)
- [Commerce](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/commerce.md)
- [Image gallery and buy box with product name & manufacturer logo](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/commerce/image-gallery-and-buy-box-with-product-name-and-manufacturer-logo.md): By using this block, the theme standard layout of the product page can also be recreated with the shopping experience layouts.
- [Image gallery and buy box with product name & manufacturer logo & description](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/commerce/image-gallery-and-buy-box-with-product-name-and-manufacturer-logo-and-description.md)
- [Image gallery and buy box with description](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/commerce/image-gallery-and-buy-box-with-description.md)
- [Image gallery with description and buy box with product name & manufacturer logo](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/commerce/image-gallery-with-description-and-buy-box-with-product-name-and-manufacturer-logo.md)
- [Category](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/category.md)
- [Category listing](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/category/category-listing.md): From theme version 4.3.0, you can use the category listing element to edit the experience worlds - exclusively for the Pro version of the themes on Shopware self-managed systems.
- [Columns](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/columns.md)
- [Layouts](https://themedocs.zenit.design/en/content/shopping-experiences/blocks/layouts.md): Layouts are multidimensional grid blocks with multiple items per row or column.
- [Block inner spacings](https://themedocs.zenit.design/en/content/shopping-experiences/block-inner-spacings.md): Spacings between blocks (columns and grids) can be set using simple classes.
- [Block outer spacings](https://themedocs.zenit.design/en/content/shopping-experiences/block-outer-spacings.md): Use automatic spacings of the theme in your shopping experience pages.
- [Clipboard](https://themedocs.zenit.design/en/content/shopping-experiences/clipboard.md)
- [Animations](https://themedocs.zenit.design/en/content/shopping-experiences/animations.md)
- [CSS Variables](https://themedocs.zenit.design/en/content/shopping-experiences/css-variables.md): CSS variables are an official part of the CSS specification and are called CSS Custom Properties