Responsive Shopping Experiences
With Shopware 6.4.19.0 you can easily set the visibility of sections and blocks in the Shopping Experience editor.
1. Shopping Experience
Switch to the Shopping Experiences Management via the main navigation ("Content" => "Shopping Experiences")
Click on the desired Shopping Experience to edit it.
The Shopping Experience now opens in the Shopping Experience editor
2. Section
Click on the button
in the top left corner of the CMS section you want to edit (1)
The section settings open on the right side of the window (2)
Open the section "Visibility" (3)

2. Block
Click on the CMS block you want to edit (1)
The block settings open on the right side of the window (2)
Open the section "Visibility" (3)

3. Visability
In the section "Visibility" (3) you can now configure the section or block for three viewports (4).

Mobile
0 px bis 767 px

Tablet
768 px bis 991 px

Desktop
ab 992 px
In the editor, invisible CMS sections or CMS blocks are "collapsed".
With a click on the link "Collapse section" or "Expand section" (5) you can collapse/expand an invisible CMS section in order to edit it.
With a click on the link "Collapse block" or "Expand block" (5) you can collapse/expand an invisible CMS block in order to edit it.


Tip: Until Shopware allows more viewports, the Bootstrap CSS classes from ThemeWare® offer you further configuration options for the visibility of CMS sections and CMS blocks: see Responsive Shopping Experiences with Bootstrap
Last updated
Was this helpful?