CMS blocks
In this section you will find everything about the ThemeWare® CMS blocks which you can select in the "Block categories" and add to your Shopping Experiences.
ThemeWare® CMS blocks
With ThemeWare® you get an extensive and growing selection of CMS blocks to customize your shop. The ThemeWare® CMS blocks are available from version 0.5.0 in the Pro Edition and some of them in the Cloud Edition.
More CMS blocks are in the pipeline for both the Pro Edition and the Cloud Edition and will follow with upcoming updates. Be curious!
Tip: If you have further ideas or wishes for existing or new blocks, please send us your suggestions for improvement via our Service Portal.
Add a ThemeWare® CMS block
Click on the plus icon to select a CMS block.
Select the desired CMS block in the "Block category" dropdown.
Drag'n'drop the CMS block into your Shopping Experience.
Pro Edition
In the ThemeWare® Pro Edition, the ThemeWare® CMS blocks have their own categories and are structured according to the following pattern:
ThemeWare® {Yout theme}
Contains basic design blocks such as sliders, teasers and banners.
ThemeWare® {Yout theme} - Columns
Contains column blocks that can be filled as desired.
ThemeWare® {Yout theme} - Grids
Contains grid blocks that can be filled with picture elements.
ThemeWare® {Yout theme} - Listing page
Contains CMS blocks for listing pages.
ThemeWare® {Yout theme} - Product page
Contains CMS blocks for product pages.
ThemeWare® {Yout theme} - Sidebar
Contains CMS blocks for the sidebar.
ThemeWare® {Yout theme} - Other
Contains further cross-page CMS blocks.
Cloud Edition
In the ThemeWare® Cloud Edition you will find the ThemeWare® CMS blocks in the default Shopware categories.
Block settings
The CMS blocks in Shopware 6 have different configuration fields. In the section "Layout", for example, you will find the option to add "CSS classes" and to define the padding of the block.
CSS classes
In the block settings you also have the option of defining CSS classes for the corresponding CMS block. ThemeWare® offers you a number of CSS classes that you can use in your Shopping Experiences.
For all CMS blocks the following CSS classes are interesting:
You can find more classes in the following section "Tutorials" > "Shopping Experiences":
In addition, you can also use CSS classes: from Bootstrap, since the storefront in Shopware 6 is based on Bootstrap 5.
Replace CMS element
You can replace the CMS elements in most CMS blocks. You can learn more about this in the article CMS elements.
Further information
Further information and basics about "Shopware 6 Shopping Experiences" and "CMS blocks" can be found in the ThemeWare® Knowledge Base:
Last updated
