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.

Note: You can find all the information about ThemeWare® features and extensions for Shopping Experiences in Shopware 6 in the ThemeWare® Manual: Shopping Experiences.

---

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.

Shopping Experience management

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.

Shopping Experience editor

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 layout in editor: (1) CMS section - (2) CMS block - (3) CMS element

CMS layout

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 section

CMS section

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 block

CMS block

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

CMS 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: Before you start editing your Shopping Experiences, we recommend you take a look at the official Shopware documentation: Shopping Experiences

---

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.

Storefront: (1) CMS section - (2) CMS block - (3) CMS element

---

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.

Shopping Experience: Switch language

---

Further information

You can find all information about features and extensions of ThemeWare® for Shopping Experiences in Shopware 6 in the ThemeWare® Manual:

CMS extensions | ThemeWare® Manualdocs.themeware.design

ThemeWare® Manual: Sales promoting Shopping Experiences with ThemeWare®

You can find more information about the Shopping Experience in Shopware 6 in the Shopware documentation:

Shopware 6 - Content - Shopping Experiencesdocs.shopware.com

Shopware documentation: Shopping Experiences