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

  1. Click on the plus icon to select a CMS block.

  2. Select the desired CMS block in the "Block category" dropdown.

  3. 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


© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH