ThemeWare® 4.0.1

ThemeWare® 4.0.1 is now available! 🎉 The new release includes the following changes:

Changes

• The "Dot navigation" of the slider elements has been optimized to improve accessibility
• Configuration of the "Breadcrumb" extended and styling improved
• Configurations to underline certain links added to improve accessibility
• Navigation of the "Hero slider" in the editor improved [Pro Edition]
• Shopware 6.7: Compatibility with Shopware 6.7.0-rc5 improved
• Shopware 6.7: Compatibility of the CMS configuration improved [Pro Edition]
• HTML syntax of height and width attributes in template files improved

Changes in detail

The "Dot navigation" of the slider elements has been optimized to improve accessibility

Due to Shopware's new "box shadows" to improve accessibility, some hover effects in the dot navigation of various slider elements no longer worked as intended. We have restored these effects and further optimized them – further improvements will follow in upcoming updates.

We are also currently working on applying the theme configuration to the "Hero Slider". We have already implemented the first improvements in this release.

Configuration of the "Breadcrumb" extended and styling improved

The configuration of the "Breadcrumb" has been extended. There is now a configuration for underlining the links. This serves to improve accessibility. A configuration to also represent the separator icons in the "Buttons" layout type has been added and there is now a configuration to remove the frame around the "Buttons".

In addition, help texts have been added or extended in the theme configuration, the styling of the breadcrumb has been checked and the CSS code has been optimised.

Accessibility: To improve accessibility, the "Buttons" layout type has been given a new hover effect and the text/icon colour of the breadcrumb has been changed from #999999 to #444444. The colour change affects the following configuration fields:

• Tab "Content" => Block "Breadcrumb" => Section "Colour configuration" => "Text colour (Further information)"
• Tab "Content" => Block "Breadcrumb" => Section "Colour configuration" => "Link colour"
• Tab "Content" => Block "Breadcrumb" => Section "Colour configuration" => "Link colour @active"

Configurations to underline certain links added to improve accessibility

In Shopware 6.7, several links are now underlined by default to improve accessibility—such as those in the footer navigation or the breadcrumb. To give you more control over the styling of these elements, we’ve added individual configuration options for the affected areas in this release.

• Tab "Content" => Block "Breadcrumb" => Section "Typography" => Underline links
• Tab "Footer" => Block "Layout" => Section "Typography" => Underline links (Headlines)
• Tab "Widgets" => Block "Footer navigation" => Section "Typography" => Underline links

Additionally, with ThemeWare® 4.0, we’ve introduced a global configuration setting that can override these individual options. This global setting is now also respected when rendering underlined links—allowing for consistent styling with minimal effort.

• Tab "Others" => Block "Accessibility" => Section "Layout" => Underline links

Navigation of the "Hero slider" in the editor improved [Pro Edition]

The "dot navigation" is now available as an additional navigation option in the slider, so that you can switch between the individual slides even more quickly and conveniently.

Shopware 6.7: Compatibility with Shopware 6.7.0-rc5 improved

Template and SCSS changes on the part of Shopware have been taken into account in ThemeWare®.

Shopware 6.7: Compatibility of the CMS configuration improved [Pro Edition]

Outdated Shopware components have been migrated to the new MeteorUI components.

HTML syntax of height and width attributes in template files improved

Height and width attributes have been improved by removing incorrectly added "px" units.