ThemeWare® 4.0

In diesem Beitrag findest du Informationen zu Änderungen in ThemeWare® 4.0. Mehr Informationen zu Shopware 6.7 findest du in einem separaten Beitrag.

---

Versionen und Kompatibilität

Mit ThemeWare® 4.0 haben wir eine neue Major-Version von ThemeWare® veröffentlicht. Abgesehen von den "Breaking changes" in Shopware 6.7, die ThemeWare® 3.x und 4.x grundlegend unterscheiden, hoffen wir so auch, die Zuordnung der kompatiblen ThemeWare® und Shopware-Versionen zu vereinfachen:

ThemeWare® für Shopware 6

• ThemeWare® 1.x für Shopware 6.4.x
• ThemeWare® 2.x für Shopware 6.5.x
• ThemeWare® 3.x für Shopware 6.6.x
• ThemeWare® 4.x für Shopware 6.7.x

Für Shopware 6.7 wird ThemeWare® 4.x benötigt. Nutzt du Shopware 6.6, ist ThemeWare® 3.x die richtige Version für deinen Shop.

• ThemeWare® 4.x ist kompatibel mit Shopware 6.7 und nicht mit Shopware 6.6
• ThemeWare® 3.x ist kompatibel mit Shopware 6.6 und nicht mit Shopware 6.7

---

ThemeWare® Update

Das ThemeWare® Update unterscheidet sich von den "üblichen" Updates darin, dass es keine Theme-Version gibt die gleichzeitig mit der alten und mit der neuen Shopware-Version kompatibel gibt.

Wenn du ThemeWare® auf Version 4.x aktualisieren möchtest, musst du Shopware auf Version 6.7 aktualisieren. Nutze dafür gerne unsere Schritt-für-Schritt-Anleitung "Shopware Updates und ThemeWare®".

Nach dem Update

Prüfe deinen Shop auf JavaScript-Fehler

Inkompatible Erweiterungen Dritter können zu Funktionsfehlern in der Storefront führen.

Prüfe deine individuellen Anpassungen

Im Bereich Twig und SCSS gab es Änderungen in Shopware 6.7. Stelle sicher, dass du etwaige Änderungen auch in deine individuellen Anpassungen übernimmst.

Nutzt du individuellen HTML-/CSS-Code (z.B. in Erlebniswelten), prüfe diesen ebenfalls auf etwaige Änderungen.

Schritte zur Fehlereingrenzung bzw. Fehlerbehebung

1. Leere sowohl den Shopware-Cache, als auch den Browser-Cache einmal vollständig.
2. Aktualisiere alle Erweiterungen in deinem Shop auf die neueste bzw. eine kompatible Version.
3. Prüfe ob der Fehler auch im Standard-Theme von Shopware auftritt.
4. Deaktiviere alle Erweiterungen in deinem Shop, um zu prüfen, ob diese Fehler verursachen.
5. Deaktiviere alle individuellen Anpassungen, um zu prüfen, ob diese Fehler verursachen.
6. Deaktiviere den ThemeWare® "Experten-Modus" um zu prüfen ob dein individueller Code Fehler verursacht.
7. Entferne sonstigen individuellen Code (HTML, CSS etc.), um zu prüfen, ob dieser Fehler verursacht.

---

ThemeWare® 4.0

ThemeWare® 4.0 für Shopware 6.7 ist da! 🎉 Der neue Release umfasst folgende Änderungen:

Highlights

• Kompatibilität mit Shopware 6.7 hergestellt

Änderungen

• Neue Theme-Erweiterung "Flyout" hinzugefügt
• Abstand der Menüpunkte in der "Top-Navigation" zur Verbesserung der Barrierefreiheit optimiert
• Ankündigungsbanner zur Verbesserung der Barrierefreiheit optimiert
• CMS-Element "Galerie (Grid)" zur Verbesserung der Barrierefreiheit optimiert [Pro-Edition]
• CMS-Element "Hero-Slider" zur Verbesserung der Barrierefreiheit optimiert [Pro-Edition]
• CMS-Element "Produktbeschreibung und -bewertungen (Accordion)" zur Verbesserung der Barrierefreiheit optimiert [Pro-Edition]
• Die "focus visibility" einiger Elemente wurde zur Verbesserung der Barrierefreiheit optimiert
• Die "Vollbild-Suche" wurde zur Verbesserung der Barrierefreiheit optimiert
• Einige Konfigurationsfelder wurden überarbeitet
• Einige veraltete Konfigurationen wurden gelöscht
• Floating-Widget zur Verbesserung der Barrierefreiheit optimiert
• Konfiguration für das "automatische Abspielen" vom "Hero-Slider" hinzugefügt [Pro-Edition]
• Konfiguration für den "Element überspringen"-Link hinzugefügt
• Konfiguration für den "Sprunglink-Leiste" hinzugefügt
• Konfiguration zum unterstreichen bestimmter Links zur Verbesserung der Barrierefreiheit hinzugefügt
• Play-/Pause-Button im "Hero-Slider" hinzugefügt [Pro-Edition]
• Shopware 6.7: Kompatibilität der Beta-Funktion "Dropdown-Navigation" hergestellt
• Shopware 6.7: Kompatibilität der Beta-Funktion "Listview" hergestellt [Pro-Edition]
• Shopware 6.7: Kompatibilität der CMS-Konfiguration hergestellt [Pro-Edition]
• Shopware 6.7: Kompatibilität der "CMS-Breadcrumb" hergestellt [Pro-Edition]
• Shopware 6.7: Kompatibilität der "Footer-Spalten" hergestellt
• Shopware 6.7: Kompatibilität der "Hero-Sektion" hergestellt
• Shopware 6.7: Kompatibilität der "Produkt-Box"-Anpassungen hergestellt
• Shopware 6.7: Kompatibilität der "Top-Navigation" hergestellt
• Shopware 6.7: Kompatibilität der "Unterkategorien im Listing" hergestellt [Pro-Edition]
• Shopware 6.7: Kompatibilität der "Zahlungsanbieter-Logos" auf Produktseiten hergestellt [Pro-Edition]
• Shopware 6.7: Kompatibilität vom "CMS-Styling" hergestellt
• Shopware 6.7: Kompatibilität vom "Eigenschaften-Tab" hergestellt
• Shopware 6.7: Kompatibilität vom "Erlebniswelt-Header" hergestellt
• Shopware 6.7: Kompatibilität vom "Galerie (Grid)" hergestellt [Pro-Edition]
• Shopware 6.7: Kompatibilität vom "Icon für externe Links" hergestellt
• Shopware 6.7: Kompatibilität vom "Newsletter-Widget" hergestellt
• Shopware 6.7: Feature "Zahlungsanbieter-Logos" auf Produktseiten entfernt [Cloud-Edition]
• Bugfix: Headline "Downloads" im Tab "Beschreibung" nur bei verfügbaren Downloads anzeigen

Hinweise

• siehe unten

---

Highlights

Kompatibilität mit Shopware 6.7 hergestellt

Mit dem Update auf Shopware 6.7 wurden umfangreiche Änderungen an der Storefront und der zugrunde liegenden Architektur vorgenommen.

ThemeWare® 4.0 ist kompatible mit Shopware 6.7. Alle nötigen Anpassungen und Änderungen wurden entsprechend umgesetzt.

---

Änderungen im Detail

Neue Theme-Erweiterung "Flyout" hinzugefügt

Shopware hat die Top-Navigation überarbeitet, um die Kompatibilität mit Bootstrap sowie die Barrierefreiheit zu verbessern. Dabei wurde das Flyout direkt in die Top-Navigation integriert. Das neue Standard-Flyout ist dadurch allerdings deutlich schmaler geworden.

Wir haben den bisherigen Look für dich rekonstruiert: Du kannst nun wählen, ob du das neue Standard-Flyout von Shopware oder das "ThemeWare® Flyout" nutzen möchtest. Um den Übergang für dich so nahtlos wie möglich zu gestalten, haben wir das "ThemeWare® Flyout" standardmäßig aktiviert.

Abstand der Menüpunkte in der "Top-Navigation" zur Verbesserung der Barrierefreiheit optimiert

Die Abstände der Menüpunkte in der Top-Navigation wurden überarbeitet, um ein stimmigeres und klareres Focus-Styling zu ermöglichen.

Dies betrifft das folgende Konfigurationsfeld:

• Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Basiskonfiguration" => Innenabstand (Menüpunkte)

Ankündigungsbanner zur Verbesserung der Barrierefreiheit optimiert

Zur Verbesserung der Barrierefreiheit wurden verschiedene Optimierungen am Ankündigungsbanner vorgenommen. Diese betreffen insbesondere die Zugänglichkeit für Screenreader und Tastaturnutzer.

Neue Textbausteine:

• twt.extension.announcementBanner.ariaLabel
• twt.extension.announcementBanner.closeButton.ariaLabel

CMS-Element "Galerie (Grid)" zur Verbesserung der Barrierefreiheit optimiert [Pro-Edition]

Wir haben die "Galerie (Grid)" überarbeitet, um die Zugänglichkeit zu verbessern – insbesondere für Nutzer mit Screenreader oder Tastaturbedienung.

CMS-Element "Hero-Slider" zur Verbesserung der Barrierefreiheit optimiert [Pro-Edition]

Zur Verbesserung der Barrierefreiheit wurden verschiedene Anpassungen am "Hero-Slider" vorgenommen. Diese betreffen insbesondere die Zugänglichkeit für Screenreader und Tastaturnutzer.

Außerdem wurde das automatische Abspielen (Autoplay) des Sliders standardmäßig deaktiviert, um die Storefront barrierefreier zu gestalten.

Falls du Autoplay dennoch aktivieren möchtest, kannst du dies über eine neue Einstellung in der Theme-Konfiguration vornehmen (siehe unten).

Neue Textbausteine:

• twt.cms.heroSlider.next
• twt.cms.heroSlider.previous
• twt.cms.heroSlider.skipSlider
• twt.cms.heroSlider.slideLabel
• twt.cms.heroSlider.sliderDotLabel

CMS-Element "Produktbeschreibung und -bewertungen (Accordion)" zur Verbesserung der Barrierefreiheit optimiert [Pro-Edition]

Zur Verbesserung der Barrierefreiheit wurden verschiedene Anpassungen am CMS-Element "Produktbeschreibung und -bewertungen (Accordion)" vorgenommen. Diese betreffen insbesondere die Zugänglichkeit für Screenreader und Tastaturnutzer.

Neue Textbausteine:

• twt.extension.floatingWidget.ariaLabel.open
• twt.extension.floatingWidget.ariaLabel.close

Die "focus visibility" einiger Elemente wurde zur Verbesserung der Barrierefreiheit optimiert

Die Sichtbarkeit des Fokuszustands ("focus visibility") wurde bei verschiedenen Elementen (Buttons, Links, Tabs) optimiert, um die Barrierefreiheit – insbesondere für Tastaturnutzer – weiter zu verbessern.

Die "Vollbild-Suche" wurde zur Verbesserung der Barrierefreiheit optimiert

Die Zugänglichkeit der "Vollbild-Suche" für Screenreader und Tastaturnavigation wurde verbessert.

Einige Konfigurationsfelder wurden überarbeitet

Im Theme-Manager von Shopware 6 konnte der Wert 0 in bestimmten Konfigurationsfeldern ursprünglich nicht gespeichert werden. Aus diesem Grund hatten wir diese Felder auf einen Mindestwert von 1 limitiert und zusätzlich eine SCSS-Funktion integriert, die gespeicherte 1-Werte als 0 ausgegeben hat.

Shopware hat den zugrunde liegenden Fehler mittlerweile behoben, sodass die betroffenen Konfigurationsfelder jetzt wieder korrekt den Wert 0 speichern können. Wir stellen unsere Themes deshalb schrittweise um: Insgesamt sind rund 80 Konfigurationsfelder betroffen, von denen wir im aktuellen Release die ersten 15 anpassen.

Bitte prüfe deine Konfiguration und ersetze in den folgenden betroffenen Feldern ggf. manuell vorhandene 1-Einträge durch 0 – die automatische SCSS-Umwandlung greift dort ab sofort nicht mehr.

• Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Grundlayout "boxed")" => Außenabstand oben/unten
  • Technischer Name: twt-container-layout-margin-top-bottom
  • Electric-Theme: Die Konfiguration ist nun '0' statt '1'
  • Global-Theme: Die Konfiguration ist nun '0' statt '1'
  • Kids-Theme: Die Konfiguration ist nun '0' statt '1'
• Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)" => Äußerer Abstand links/rechts @Phone (<576px)
  • Technischer Name: twt-container-padding-left-right
• Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)" => Außenabstand oben
  • Technischer Name: twt-container-main-margin-top
  • Global-Theme: Die Konfiguration ist nun '0' statt '1'
• Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)" => Außenabstand unten
  • Technischer Name: twt-container-main-margin-bottom
  • Global-Theme: Die Konfiguration ist nun '0' statt '1'
• Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)" => Innenabstand @Phone (<576px)
  • Technischer Name: twt-container-main-padding-phone-xs
• Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)" => Innenabstand @Phone (<576px)
  • Technischer Name: twt-container-main-padding-phone
• Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)" => Innenabstand @Tablet (≥768px)
  • Technischer Name: twt-container-main-padding-tablet
• Tab "Header" => Bereich "Layout" => Abschnitt "Basiskonfiguration" => Außenabstand oben @Desktop (≥992px)
  • Technischer Name: twt-header-margin-top
  • Hinweis: Die Konfiguration ist nun '0' statt '1'
• Tab "Header" => Bereich "Layout" => Abschnitt "Basiskonfiguration" => Innenabstand oben
  • Technischer Name: twt-header-padding-top
  • Bio-Theme: Die Konfiguration ist nun '0' statt '1'
• Tab "Header" => Bereich "Layout" => Abschnitt "Basiskonfiguration" => Innenabstand unten
  • Technischer Name: twt-header-padding-bottom
• Tab "Header" => Bereich "Logo" => Abschnitt "Bild-Logo" => Außenabstand oben @Desktop (≥992px)
  • Technischer Name: twt-header-logo-margin-top
  • Hinweis: Die Konfiguration ist nun '0' statt '1'
• Tab "Footer" => Bereich "Layout" => Abschnitt "Basiskonfiguration" => Außenabstand oben
  • Technischer Name: twt-footer-margin-top
• Tab "Footer" => Bereich "Layout" => Abschnitt "Basiskonfiguration" => Innenabstand oben
  • Technischer Name: twt-footer-padding-top
  • Hinweis: Die Konfiguration ist nun '0' statt '1'
• Tab "Footer" => Bereich "Layout" => Abschnitt "Basiskonfiguration" => Innenabstand unten
  • Technischer Name: twt-footer-padding-bottom
  • Hinweis: Die Konfiguration ist nun '0' statt '1'
• Tab "Footer" => Bereich "Layout" => Abschnitt "Basiskonfiguration" => Innenabstand links/rechts
  • Technischer Name: twt-footer-padding
  • Hinweis: Die Konfiguration ist nun '0' statt '1'

Einige veraltete Konfigurationen wurden gelöscht

Einige veraltete und ungenutzte Konfigurationsfelder wurden aus der Theme-Konfiguration entfernt.

Floating-Widget zur Verbesserung der Barrierefreiheit optimiert

Das "Floating-Widget" wurde überarbeitet, um die Barrierefreiheit zu verbessern – insbesondere für Screenreader- und Tastaturnutzer.

Neue Textbausteine:

• twt.extension.floatingWidget.ariaLabel
• twt.extension.floatingWidget.closeAriaLabel
• twt.extension.floatingWidget.linkAriaLabel
• twt.extension.floatingWidget.openAriaLabel

Konfiguration für das "automatische Abspielen" vom "Hero-Slider" hinzugefügt [Pro-Edition]

Aufgrund von Barrierefreiheits-Bedenken wurde die Funktion "automatisches Abspielen" im "Hero-Slider" deaktiviert.

Wenn du das "Autoplay" trotzdem nutzen möchtest, kannst du dies über eine neue Theme-Konfiguration aktivieren.

Konfiguration für den "Element überspringen"-Link hinzugefügt

Du kannst jetzt die Farbe des "Element überspringen"-Links individuell anpassen – über eine neue Theme-Konfiguration.

Konfiguration für den "Sprunglink-Leiste" hinzugefügt

Du kannst über eine neue Theme-Konfiguration jetzt die Farbe der Links in der "Sprunglink-Leiste" anpassen.

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

Play-/Pause-Button im "Hero-Slider" hinzugefügt [Pro-Edition]

Aus Gründen der Barrierefreiheit empfehlen wir, das "automatische Abspielen" (Autoplay) der "Hero-Slider" nicht zu aktivieren.

Falls du Autoplay dennoch einschaltest, erhält der "Hero-Slider" einen Play-/Pause-Button, mit dem Nutzer das Abspielen steuern können.

Neue Textbausteine:

• twt.cms.heroSlider.pauseAriaLabel
• twt.cms.heroSlider.playAriaLabel

Shopware 6.7: Kompatibilität der Beta-Funktion "Dropdown-Navigation" hergestellt

Die Beta-Funktion "Dropdown-Navigation" wurde von Grund auf neu entwickelt und ist jetzt mit Shopware 6.7 kompatibel. Dabei wurden auch Barrierefreiheitsverbesserungen aus dem Standard-Theme übernommen.

Shopware 6.7: Kompatibilität der Beta-Funktion "Listview" hergestellt [Pro-Edition]

Die Beta-Funktion "Listview" ist jetzt mit Shopware 6.7 kompatibel.

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

Die CMS-Konfiguration ist jetzt mit Shopware 6.7 kompatibel. Veraltete Shopware-Komponenten wurden auf die neuen MeteorUI-Komponenten migriert.

Shopware 6.7: Kompatibilität der "CMS-Breadcrumb" hergestellt [Pro-Edition]

Shopware Template-Variablen wurden in der "CMS-Breadcrumb" aktualisiert. Die "CMS-Breadcrumb" ist jetzt mit Shopware 6.7 kompatibel.

Shopware 6.7: Kompatibilität der "Footer-Spalten" hergestellt

Die Footer-Spalten wurden überarbeitet, um die Kompatibilität mit Shopware 6.7 sicherzustellen. Dabei wurden auch Barrierefreiheitsverbesserungen aus dem Standard-Theme übernommen.

Shopware 6.7: Kompatibilität der "Hero-Sektion" hergestellt

Shopware Template-Variablen wurden in der "Hero-Sektion" aktualisiert. Die "Hero-Sektion" ist jetzt mit Shopware 6.7 kompatibel.

Shopware 6.7: Kompatibilität der "Produkt-Box"-Anpassungen hergestellt

Die Anpassungen an der "Produkt-Box" wurden überarbeitet, um die Kompatibilität mit Shopware 6.7 herzustellen.

Shopware 6.7: Kompatibilität der "Top-Navigation" hergestellt

Der HTML-Aufbau, die Templates und CSS-Klassen der Top-Navigation wurden angepasst, um die Kompatibilität mit Shopware 6.7 sicherzustellen. Dabei wurde auch das neue ESI-Caching berücksichtigt und das Styling aktiver Menüpunkte wieder ermöglicht.

Shopware 6.7: Kompatibilität der "Unterkategorien im Listing" hergestellt [Pro-Edition]

Shopware Template-Variablen wurden in der Theme-Erweiterung "Unterkategorien im Listing" aktualisiert. Die "Unterkategorien im Listing" sind jetzt mit Shopware 6.7 kompatibel.

Shopware 6.7: Kompatibilität der "Zahlungsanbieter-Logos" auf Produktseiten hergestellt [Pro-Edition]

Die Kompatibilität der Zahlungsanbieter-Logos auf Produktseiten wurde für Shopware 6.7 hergestellt. Ein zusätzlicher PHP-Subscriber sorgt dafür, dass die Zahlungsarten wieder korrekt auf der Produktdetailseite angezeigt werden.

Shopware 6.7: Kompatibilität vom "CMS-Styling" hergestellt

Die Änderungen von Shopware am Styling der CMS-Blöcke in Version 6.7 wurden berücksichtigt. Das "CMS-Styling" von ThemeWare® ist nun kompatibel mit Shopware 6.7.

Shopware 6.7: Kompatibilität vom "Eigenschaften-Tab" hergestellt

Shopware Template-Variablen vom "Eigenschaften-Tab" wurden aktualisiert. Der Tab ist jetzt mit Shopware 6.7 kompatibel.

Shopware 6.7: Kompatibilität vom "Erlebniswelt-Header" hergestellt

Der "Erlebniswelt-Header" von ThemeWare® berücksichtigt nun die neue Top-Navigation, das neue Standard-Flyout sowie das ThemeWare® Flyout.

Shopware 6.7: Kompatibilität vom "Galerie (Grid)" hergestellt [Pro-Edition]

Das "Galerie (Grid)" wurde überarbeitet, um die Kompatibilität mit Shopware 6.7 sicherzustellen. Dabei wurden auch Barrierefreiheitsverbesserungen vorgenommen.

Shopware 6.7: Kompatibilität vom "Icon für externe Links" hergestellt

Das Icon für externe Links im Flyout der Top-Navigation wird jetzt auch unter Shopware 6.7 angezeigt. Zusätzlich wird das Icon nun auch in der Top-Navigation selber angezeigt.

Shopware 6.7: Kompatibilität vom "Newsletter-Widget" hergestellt

Das "Newsletter-Widget" wurde überarbeitet, um die Kompatibilität mit Shopware 6.7 sicherzustellen.\ Dabei wurden auch Barrierefreiheitsverbesserungen aus dem Standard-Theme übernommen.

Shopware 6.7: Feature "Zahlungsanbieter-Logos" auf Produktseiten entfernt [Cloud-Edition]

Mit dem Update auf Shopware 6.7 stehen die verfügbaren Zahlungsarten im Template der Produktdetailseite leider nicht mehr zur Verfügung. Dieses Feature wurde aus der Cloud-Edition entfernt und ist dort bis auf Weiteres nicht nutzbar.

Bugfix: Headline "Downloads" im Tab "Beschreibung" nur bei verfügbaren Downloads anzeigen

Die Headline "Downloads" im Tab "Beschreibung" wird jetzt nur angezeigt, wenn tatsächlich Downloads vorhanden sind.

---

Hinweise

Mit Shopware 6.7 wurde die Struktur der globalen Template-Variablen überarbeitet. Infolgedessen stehen bestimmte Variablen in vielen Templates nicht mehr ohne Weiteres zur Verfügung.

Ein konkretes Beispiel betrifft die Zahlungsarten auf der Produktdetailseite:

Die verfügbaren Zahlungsarten lassen sich aktuell nicht mehr direkt im Template der Produktseite anzeigen.

Was bedeutet das für die Cloud?

In Cloud-Umgebungen ist ein direkter Zugriff auf solche Informationen über das Template derzeit nicht möglich. Zwar gäbe es theoretische Wege, dies über die Shopware API und eigene Services (z. B. über platform.sh) zu realisieren – allerdings erfordern solche Lösungen zusätzliche Infrastruktur.

Wir prüfen mögliche Lösungen für zukünftige Releases.

Grundkonfiguration

Damit ThemeWare® von Haus aus barrierefrei ist, haben wir einige Farbwerte angepasst. Eine Übersicht der Änderungen findest du im ThemeWare® Handbuch:

• ThemeWare® 4.0 – Neue Kontraste für mehr Barrierefreiheit

Barrierefreiheit

Die Anpassungen hinter der Feature-Flag ACCESSIBILITY_TWEAKS sind in Shopware 6.7 nun standardmäßig aktiv. Die Feature-Flag muss daher nicht mehr manuell gesetzt werden.

ThemeWare® 4.0 markiert den Startschuss für eine barrierearme und zugänglichere Storefront in Shopware 6.7. Dieser Release bringt bereits zahlreiche Verbesserungen in Bezug auf die Barrierefreiheit mit sich – weitere Optimierungen folgen mit kommenden Updates, sodass dein Theme bis zum Stichtag bestmöglich barrierefrei aufgestellt ist.

Top-Navigation / Flyout

Shopware hat die Top-Navigation vollständig überarbeitet – zur besseren Bootstrap-Kompatibilität und zur Verbesserung der Barrierefreiheit. Dabei wurde auch ein neues, schmaleres Flyout eingeführt.

Ergänzend dazu kannst du alternativ das neue "ThemeWare® Flyout" aktivieren, das den klassischen Look beibehält.

Service-Menü

Das Service-Menü wurde aus dem Header entfernt. Zudem stehen die zugehörigen Template-Variablen im Header-Bereich leider nicht mehr zur Verfügung.

Zahlungsarten auf der Produktdetailseite

Die Template-Variablen der Zahlungsarten sind auf der Produktdetailseite in Shopware 6.7 leider nicht mehr verfügbar.

Hero-Slider [Pro-Edition]

Aus Gründen der Barrierefreiheit wurde das automatische Abspielen (Autoplay) im Hero-Slider standardmäßig deaktiviert.

Wir raten ausdrücklich davon ab, "Autoplay" wieder zu aktivieren, da dies die Zugänglichkeit für viele Nutzer einschränken kann.

Falls du die Funktion dennoch aktivieren möchtest, kannst du dies über eine neue Einstellung in der Theme-Konfiguration tun.

Bei aktiviertem "Autoplay" wird automatisch ein "Play-/Pause"-Button eingeblendet, mit dem Nutzer die Wiedergabe manuell steuern können.

---

Schlusswort

Soweit zu den Änderungen in ThemeWare® 4.0 für Shopware 6.7. – Sollten wir etwas übersehen haben, aktualisieren wir diesen Beitrag nachträglich.

Wir empfehlen, den Release bzw. Shopware 6.7 vor dem Einsatz unbedingt ausführlich in einem Testsystem zu prüfen.

Die Migration auf Shopware 6.7 war mit viel Aufwand und zahlreichen Anpassungen in über 400 Dateien verbunden. Wir haben die Themes ausführlich getestet, dennoch kann es in bestimmten Konstellationen unter Umständen zu Darstellungsfehlern kommen.

Solltest du eine Unstimmigkeit feststellen, führe bitte einmal die ThemeWare® Fehlerbehebung – gemeinsam finden wir eine Lösung.

Feedback und Verbesserungsvorschläge kannst du uns gerne jederzeit über unser Service Portal senden.

Viele Grüße, Sebastian und das Team von ThemeWare®