Features

ThemeWare® Features

In addition to the obvious features such as the USP bar in the header and footer, ThemeWare® provides you with many other features such as various CSS classes, extensions, CMS blocks and CMS elements with which you can customise your shop and your Shopping Experience and optimise it to boost sales.

You can find many helpful articles and instructions on this in our ThemeWare® Knowledge Base. In addition, you will find many examples below which we - like our documentation itself - are constantly expanding.

ThemeWare® CMS elements

ThemeWare® Pro contains a large number of CMS elements with which you can give your Shopping Experiences a special look. As you would expect from ThemeWare®, the elements offer you the most extensive configuration options and save you the need for separate plugins. To give you an idea of the design options, you will find demo pages for each element below:

Hero slider

More elements will follow... Be curious!

ThemeWare® CMS "Teaser"

Below you can find the ThemeWare® teaser elements:

Text teaser

Text teaser (decorated)

Button teaser

Call-to-Action

Hover box

Image teaser

More elements will follow... Be curious!

ThemeWare® CMS "Special teaser"

Below you can find the special ThemeWare® teaser elements:

Classic teaser

Modern teaser

More elements will follow... Be curious!

ThemeWare® CMS "Product pages"

Below you can find ThemeWare® CMS elements for product pages:

More elements will follow... Be curious!

ThemeWare® CMS "Banner"

Below you can find the ThemeWare® banner elements:

Image banner

More elements will follow... Be curious!

ThemeWare® CMS

Below you can find even more ThemeWare® CMS elements:

Testimonials

Listing subcategories

More elements will follow... Be curious!

ThemeWare® CMS blocks

With ThemeWare® Pro and ThemeWare® Cloud* you get a number of CMS blocks that usefully extend the standard scope of Shopware 6. With these blocks you can customise your Shopping Experiences even better. To give you an idea of the CMS blocks, you will find demo pages for the various blocks below:

Column blocks

Grid blocks

* Some blocks are not available in our first cloud release and will be added with further updates.

ThemeWare® CSS classes

In addition to the CMS blocks and CMS elements from ThemeWare® Pro and ThemeWare® Cloud you also receive an extremely extensive selection of CSS classes with which you can create even more detailed Shopping Experiences, without any programming knowledge at all. You will find examples of use below.

ThemeWare® CMS styling for Shopping Experiences

Designing Shopping Experiences with Bootstrap CSS classes

Adjusting column spacings in CMS blocks

Designing headlines in CMS blocks

Embellishing images in CMS blocks with decoration classes

Embellishing images in CMS blocks with hover effects

Note: Our CMS demos are based on the same Shopping Experience layout for all themes. Depending on the theme configuration, one or the other CMS element may therefore not be displayed perfectly in a certain scenario. However, the display can certainly be optimised via individual CSS classes.

Border colours: In the Clean theme, for example, the border colour of the "ThemeWare® CMS Styling" is configured to "white" which is why the CMS blocks have no visible border despite the "ThemeWare® CMS Styling".

Border radius: The border radius of CMS blocks or images depends on the theme configuration. If the border-radius is configured to "0px" in a theme, there will be no rounded corners in the demos.

Text colours: In some themes the primary colour may be light, in others very dark. With dark colours, text in one or the other CMS block may not be legible due to a black text colour. The CSS class "text-white" can help here, for example.

Background colour: Depending on the theme, the primary or secondary colour may be configured similarly or identically to the general text colour of the CMS block. In this case, the text is not readable or only with difficulty. If necessary, use the CSS classes "text-white" or "text-dark".