ThemeWare® 4.0.1

ThemeWare® 4.0.1 ist da! 🎉 Der neue Release umfasst folgende Änderungen:

Änderungen

• Die "Punkt-Navigation" der Slider-Elemente wurde zur Verbesserung der Barrierefreiheit optimiert
• Konfiguration der "Breadcrumb" erweitert und Styling optimiert
• Konfigurationen zum unterstreichen bestimmter Links zur Verbesserung der Barrierefreiheit hinzugefügt
• Navigation vom "Hero-Slider" im Editor verbessert [Pro-Edition]
• Shopware 6.7: Kompatibilität mit Shopware 6.7.0-rc5 verbessert
• Shopware 6.7: Kompatibilität der CMS-Konfiguration verbessert [Pro-Edition]
• HTML-Syntax von Height- und Width-Attributen in Template-Dateien verbessert

Änderungen im Detail

Die "Punkt-Navigation" der Slider-Elemente wurde zur Verbesserung der Barrierefreiheit optimiert

Durch die neuen „box-shadows“ von Shopware zur Verbesserung der Barrierefreiheit funktionierten einige Hover-Effekte der Punkt-Navigation verschiedener Slider-Elemente nicht mehr wie vorgesehen. Wir haben diese Effekte wiederhergestellt und weiter optimiert – weitere Verbesserungen folgen mit kommenden Updates.

Zudem arbeiten wir aktuell daran, die Theme-Konfiguration auch auf den "Hero-Slider" auszuweiten. In diesem Release haben wir dazu bereits erste Verbesserungen umgesetzt.

Konfiguration der "Breadcrumb" erweitert und Styling optimiert

Die Konfiguration der "Breadcrumb" wurde erweitert. Es gibt nun eine Konfiguration zum unterstreichen der Links. Diese dient zur Verbesserung der Barrierefreiheit. Eine Konfiguration die Trennzeichen-Icons auch im Layout-Typ "Buttons" darzustellen wurde ergänzt und es gibt nun eine Konfiguration den Rahmen um die "Buttons" zu entfernen.

Darüber hinaus wurden Hilfe-Texte in der Theme-Konfiguration ergänzt bzw. erweitert, das Styling der Breadcrumb geprüft und der CSS-Code optimiert.

Barrierefreiheit: Zur Verbesserung der Barrierefreiheit hat der Layout-Typ "Buttons" einen neuen Hover-Effekt erhalten und die Text-/Icon-Farbe der Breadcrumb wurde von #999999 zu #444444 geändert. Die Farbänderung betrifft die folgenden Konfigurationsfelder:

• Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => "Textfarbe (Zusatzinformationen)"
• Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => "Linkfarbe"
• Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => "Iconfarbe (Trennzeichen)"

Konfigurationen zum unterstreichen bestimmter Links zur Verbesserung der Barrierefreiheit hinzugefügt

In Shopware 6.7 werden standardmäßig einige Links zur Verbesserung der Barrierefreiheit unterstrichen – beispielsweise in der Footer-Navigation oder in der Breadcrumb. Um dir mehr Kontrolle über die Darstellung dieser Elemente zu geben, haben wir in diesem Release individuelle Konfigurationsfelder für betroffene Bereiche hinzugefügt.

• Tab "Footer" => Bereich "Layout" => Abschnitt "Typografie" => Links unterstreichen (Überschriften)
• Tab "Widgets" => Bereich "Footer-Navigation" => Abschnitt "Typografie" => Links unterstreichen
• Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Typografie" => Links unterstreichen

Zusätzlich haben wir in ThemeWare® 4.0 eine übergeordnete Konfigurationsoption integriert, mit der du die individuellen Einstellungen zentral überschreiben kannst. Diese globale Einstellung wird nun ebenfalls bei der Darstellung unterstrichener Links berücksichtigt – so kannst du konsistent und mit weniger Aufwand gestalten.

• Tab "Weiteres" => Bereich "Barrierefreiheit" => Abschnitt "Layout" => Links unterstreichen

Navigation vom "Hero-Slider" im Editor verbessert [Pro-Edition]

Die „Punkt-Navigation“ steht dir nun als weitere Navigationsmöglichkeit im Slider zur Verfügung, sodass du noch schneller und komfortabler zwischen den einzelnen Slides wechseln kannst.

Shopware 6.7: Kompatibilität mit Shopware 6.7.0-rc5 verbessert

Template- und SCSS-Änderungen seitens Shopware wurden in ThemeWare® berücksichtigt.

Shopware 6.7: Kompatibilität der CMS-Konfiguration verbessert [Pro-Edition]

Veraltete Shopware-Komponenten wurden zu den neuen MeteorUI-Komponenten migriert.

HTML-Syntax von Height- und Width-Attributen in Template-Dateien verbessert

Height- und Width-Angaben wurden verbessert, indem fälschlicherweise hinzugefügte "px"-Einheiten entfernt wurden.