Shopping Experiences
In this section you will find important basics about working with Shopping Experiences in Shopware 6.
Last updated
Was this helpful?
In this section you will find important basics about working with Shopping Experiences in Shopware 6.
Last updated
Was this helpful?
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.
Note: You can find all the information about ThemeWare® features and extensions for Shopping Experiences in Shopware 6 in the ThemeWare® Manual: Shopping Experiences.
Each Shopping Experience is based on a "layout". There are different layout types (landing page, shop page, category page and product page).
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.
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.
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:
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.
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.
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).
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.
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: Before you start editing your Shopping Experiences, we recommend you take a look at the official Shopware documentation: Shopping Experiences
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.
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.
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:
