Shopping Experiences
In this section you will find important basics about working with Shopping Experiences in Shopware 6.
Shopping Experiences are a core feature of Shopware 6 and replace the Shopping Worlds from Shopware 5. With Shopping Experiences you can create and design content pages like landing pages, shop pages, category pages and product pages.
Basics
Each Shopping Experience is based on a "layout". There are different layout types (landing page, shop page, category page and product page).
Shopping Experience management
You can create or open a layout using the Shopware 6 Shopping Experiences management. You can access this via the menu item Content => Shopping Experiences in your administration.

CMS editor (Shopping Experience editor)
When you create or open a layout, you will be taken to the Shopping Experience editor (CMS editor for short). In this WYSIWYG editor (1), you can edit your Shopping Experience layout and get a rough preview at the same time.
You can also make general settings in the sidebar (2), such as the name of the layout or the CSS class of the experience world in the storefront.

CMS layout (Shopping Experience layout)
A layout (see CMS layout) consists of one or more sections (1, see CMS section) into which individual blocks (2, see CMS block) are added, which themselves consist of one or more elements (3, see CMS element) such as texts or images.
Below you can see a layout of type "Landingpage" in the Shopping Experience editor of Shopware 6:

CMS section
A CMS section (1) consists of one or more CMS blocks. You can make basic settings (2) for each section in the sidebar, such as the name of the section, the CSS class or the background colour of the section in the storefront.

CMS block
A CMS block (1) contains one or more CMS elements. You can make basic settings (2) for each block in the sidebar, such as the name of the block, the CSS class, the background colour or the spacing of the block in the storefront.

CMS element
You can configure a CMS element (1) by clicking on the corresponding element and then on the cogwheel symbol (2) (top right of the element).

CMS element configuration
Configuring a CMS element is fairly intuitive. Like our theme itself, ThemeWare® CMS elements offer you a wide range of configuration options. Just try them out or look at the relevant help texts. You can also find more information about our elements in the ThemeWare® Manual.

CMS extensions
With ThemeWare® you get an extensive collection of sales promoting CMS blocks and CMS elements.
Since an element does not have to belong to every block and vice versa, we speak of CMS extensions.
Tip: Background colour/image
You can configure a background colour and/or a background image for CMS sections as well as for CMS blocks. This already offers you various design options. Even more design options are provided by the corresponding CMS elements from Shopware and ThemeWare® Pro.

Multilingual
If you want to configure an alternative language in a CMS element, you can simply change the language in the top right corner of the editor of the corresponding Shopping Experience.

Further information
You can find all information about features and extensions of ThemeWare® for Shopping Experiences in Shopware 6 in the ThemeWare® Manual:
You can find more information about the Shopping Experience in Shopware 6 in the Shopware documentation:
Last updated
Was this helpful?