Navigation
Portal für Shopware 5

Shopware 6.4

Veröffentlicht: 19. April 2021


Shopware 6.4

In diesem Artikel erfährst du alles zu den wichtigsten Änderungen an ThemeWare® 0.3.x für bzw. ab Shopware 6.4.

Da Shopware mit dem Update auf Version 6.4 äußerst umfangreiche Änderungen vorgenommen hat und einige für die Storefront relevante Funktionen geändert, ergänzt oder entfernt wurden, haben wir die wichtigsten Änderungen ThemeWare® betreffend nachfolgend zusammengefasst.

Den Shopware Changelog findest du hier: Shopware 6 Changelog

Wichtig: Bitte leere nach dem Theme-Update einmal den Shopware Cache!

Versionen und Kompatibilität

Aufgrund einer grundsätzlichen Änderung bei der Abfrage von Theme-Variablen musste quasi jede Template-Datei geändert werden. Da diese Änderungen erst ab Shopware 6.4.0.0 gültig sind, ist ThemeWare® ≥0.3.0 nicht mit Shopware 6.3.x (oder darunter) kompatibel.

Dies bedeutet umgekehrt, dass ThemeWare® 0.2.x (oder darunter) nicht mit Shopware ≥6.4.0.0 kompatibel ist.

  • ThemeWare® 0.2.x für Shopware 6.3.x
  • ThemeWare® 0.3.x für Shopware 6.4.x

Allgemeine Änderungen

  • Shopware 6.4.0.0 benötigt die PHP-Version 7.4.3 oder höher
  • Die Service-Navigation im Header wurde von Shopware entfernt.
    • Wir prüfen derzeit, ob wir diese mit ThemeWare® wieder integrieren.
  • Der Merkzettel wurde von Shopware eingeführt. Mehr Informationen dazu findest du in der Shopware Dokumentation.
  • Die Breadcrumb-Navigation wurde von Shopware vollständig überarbeitet.
    • Die ThemeWare® Konfiguration wurde entsprechend angepasst. Bitte überprüfe die Konfiguration und passe diese gegebenenfalls an.
  • Die CMS-Produktseite wurde von Shopware eingeführt.
    • Hinweis: Bitte beachte, dass die CMS-Produktseite noch nicht fehlerfrei funktioniert und Shopware hier noch nachbessern wird. Wir haben bereits in der RC-Phase einige Issues an Shopware übermittelt und Verbesserungen erwirkt. Manche Änderungen veröffentlicht Shopware leider erst in der finalen Version, wir werden darauf selbstverständlich so schnell es geht reagieren.
    • Die ThemeWare® Features der bestehenden Produktseite wurden auf die neue CMS-Produktseite übertragen.
    • Das Styling der bestehenden Produktseite wurde auf die neue CMS-Produktseite übertragen.
  • Die Plugin-Verwaltung ist ab Shopware 6.4.0.0 nicht mehr über "Einstellungen" => "System" erreichbar, sondern über den Menüpunkt "Erweiterungen" => "Meine Erweiterungen".
    • Wir aktualisieren diesbezüglich derzeit unsere Dokumentation.

Neuerungen in ThemeWare 0.3.0 und 0.3.1 für Shopware 6.4

  • ThemeWare 0.3.0 ist das bisher größte Update von ThemeWare für Shopware 6 und stellt die grundsätzliche Kompatibilität für Shopware 6.4.0.0 her. Dazu wurden umfangreichste Änderungen am Theme-Kern vorgenommen.
  • Zusätzlich stellt ThemeWare 0.3.0 sehr viele spannende und nachgefragte Funktionen für die Storefront bereit.
  • Und damit nicht genug: Mit ThemeWare 0.3.1 erhältst du das bisher größte Design-Update von ThemeWare für Shopware 6. Es enthält umfangreichste Design-Verbesserungen und Design-Änderungen.
  • CMS-Seiten haben jetzt individuelle CSS-Klassen im HTML-body.
  • Das ThemeWare® CMS-Styling kann nun für verschiedene Seitentypen aktiviert/deaktiviert werden.
  • Mit ThemeWare 0.3.1 wurde das komplette Styling für CMS-Seiten überarbeitet. (Mehr Informationen findest du hier.)
  • Ab ThemeWare 0.3.1 gibt es für die Sidebar-Sektion zwei Layout-Varianten.
  • Die ID der aktuellen Seite kann als CSS-Klasse im HTML-body hinzugefügt werden.
  • Feldbeschreibungen in der Theme-Konfiguration wurden überarbeitet.
  • Die Konfiguration der Spaltenanzahl im Listing ist nun für alle Layout-Typen individuell möglich.
  • Konfiguration zur Anzeige des Hersteller-Namens in der Produkt-Box hinzugefügt.
  • Mehr Darstellungsmöglichkeiten für die Elemente in der Produkt-Box hinzugefügt.
  • Die Hilfe-Texte in der Theme-Konfiguration wurden überarbeitet.
  • Textbausteine in Hilfe-Texten sind nun anklickbar.
  • Leere Cross-Selling Elemente können auf Produktseiten ausgeblendet werden.
  • CSS Scroll-Animationen für Erlebniswelten wurden hinzugefügt.
  • Neue Designs für die Paginierung hinzugefügt
  • Neue Designs für die Breadcrumb hinzugefügt
  • Neue Designs für den Scoll-Up-Button hinzugefügt
  • Neue Designs für die Pfeil-Navigation in Slidern hinzugefügt
  • Neue Designs für die Punkt-Navigation in Slidern hinzugefügt
  • Alle Neuerungen findest du in den entsprechenden Changelogs.

Änderungen an Textbausteinen

Einige Textbausteine wurden geändert oder ergänzt. Prüfe bitte, ob sich hier Änderungen für deinen Shop ergeben haben.

Produkt-Box (Kategorieseiten)

  • Neu
    • twt.detail.tabProperties.title
    • twt.detail.tabManufacturer.title
    • twt.detail.tabManufacturer.linkSearch.label
    • twt.detail.tabManufacturer.linkWebsite.label
    • twt.listing.ordernumberLabel
    • twt.listing.manufacturerLabel
  • Entfernt
    • twt.detail.tabsProperties => twt.detail.tabProperties.title

Lagerbestand-Label (Produktseiten)

  • Neu
    • twt.detail.stockLabel.lowStock.label
    • twt.detail.stockLabel.highStock.label
  • Entfernt
    • twt.detail.stockLabel.lowStock.prefix
    • twt.detail.stockLabel.lowStock.suffix
    • twt.detail.stockLabel.highStock.prefix
    • twt.detail.stockLabel.highStock.suffix

Lagerbestand-Badge

  • Neu
    • twt.extension.stockBadge.lowStock.label
    • twt.extension.stockBadge.highStock.label
  • Entfernt
    • twt.extension.stockBadge.lowStock.prefix
    • twt.extension.stockBadge.lowStock.suffix
    • twt.extension.stockBadge.highStock.prefix
    • twt.extension.stockBadge.highStock.suffix

Rabatt-Badge

  • Neu
    • twt.extension.discountBadge.percentageShort
    • twt.extension.discountBadge.discountShort
    • twt.extension.discountBadge.percentage
    • twt.extension.discountBadge.discount
  • Entfernt
    • twt.extension.discountBadge.suffix

Änderungen für erfahrene Anwender

  • Nahezu jede Template-Datei wurde überarbeitet aufgrund einer Core-Änderungen bei der Abfrage für Variablen.
    • shopware.theme["..."] => theme_config('..')
    • shopware.config.core... => config('core...')
  • Theme-Variablen werden jetzt oberhalb jeder Template-Datei in Template-Variablen umgewandelt.
  • Einige Template-Dateien wurden entfernt, verschoben oder umbenannt.
    • Die Datei "base.html.twig" wurde überarbeitet.
    • Die Datei "component/buy-widget/buy-widget.html.twig" wurde überarbeitet.
    • Die Datei "component/product/description.html.twig" wurde ergänzt.
    • Die Datei "component/delivery-information.html.twig" wurde überarbeitet und Textbausteine geändert (siehe oben).
    • Die Datei "component/product/properties.html.twig" wurde ergänzt.
    • Die Datei "component/listing/breadcrumb.html.twig" wurde entfernt.
    • Die Datei "component/product/card/box-standard.html.twig" wurde überarbeitet.
    • Die Datei "element/cms-element-cross-selling.html.twig" wurde ergänzt.
    • Die Datei "element/cms-element-product-description-reviews.html.twig" wurde ergänzt.
    • Die Datei "element/cms-element-product-listing.html.twig" wurde überarbeitet.
    • Die Datei "layout/breadcrumb.html.twig" wurde ergänzt.
    • Die Datei "layout/header/actions/whislist-widget.html.twig" wurde ergänzt.
    • Die Datei "page/product-detail/buy_widget.html.twig" wurde überarbeitet.
    • Die Datei "page/product-detail/cross-selling/tabs.html.twig" wurde überarbeitet.
    • Die Datei "page/product-detail/description.html.twig" wurde überarbeitet.
    • Die Datei "page/product-detail/index.html.twig" wurde überarbeitet.
    • Die Datei "page/product-detail/tabs.html.twig" wurde überarbeitet.
    • Die Datei "page/product-detail/properties/properties.html.twig" wurde überarbeitet.
    • Die Datei "section/cms-section-block-container.html.twig" wurde ergänzt.
    • Die Datei "themeware/twt-base-meta.html.twig" wurde überarbeitet.
    • Die Datei "themeware/twt-detail-badges.html.twig" wurde überarbeitet aufgrund einer Änderungen an der Template-Vererbung.
    • Die Datei "themeware/twt-detail-badges.html.twig" wurde in "twt-product-detail-badges.html.twig" umbenannt.
    • Die Datei "themeware/twt-product-detail-tab-properties.html.twig " wurde ergänzt.
    • Die Datei "themeware/includes/twt-discount-badge-include.html.twig" wurde überarbeitet aufgrund einer Änderung an der Preisberechnung und Textbausteine wurden geändert (siehe oben).
    • Die Datei "themeware/includes/twt-stock-badge.html.twig" wurde überarbeitet.
    • Die Datei "twt-stock-badge-include.html.twig" wurde überarbeitet und Textbausteine wurden geändert (siehe oben).
  • Neue Template-Dateien für die Breadcrumb und CMS-Produktseite wurden ergänzt.
  • Einige SCSS-Dateien wurden überarbeitet.
    • Die Datei "base.scss" wurde überarbeitet.
    • Die Datei "component/_breadcrumb.scss" wurde überarbeitet.
    • Die Datei "component/_cms-block.scss" wurde überarbeitet.
    • Die Datei "component/_cms-element.scss" wurde überarbeitet.
    • Die Datei "component/_cms-sections.scss" wurde überarbeitet.
    • Die Datei "component/_base-slider.scss" wurde überarbeitet.
    • Die Datei "component/_gallery-slider.scss" wurde überarbeitet.
    • Die Datei "component/_image-slider.scss" wurde überarbeitet.
    • Die Datei "component/_modal.scss" wurde überarbeitet.
    • Die Datei "component/_pagination.scss" wurde überarbeitet.
    • Die Datei "component/_product-box.scss" wurde überarbeitet.
    • Die Datei "component/_product-slider.scss" wurde überarbeitet.
    • Die Datei "component/_tab-menu.scss" wurde überarbeitet.
    • Die Datei "layout/_container.scss" wurde überarbeitet.
    • Die Datei "layout/_scroll-up.scss" wurde überarbeitet.
    • Die Datei "page/product-detail/_tabs.scss" wurde überarbeitet.
    • Die Datei "themeware/custom/_custom-cms-element-overlay.scss" wurde refaktorisiert.
    • Die Datei "themeware/component/_custom-cms.scss" wurde refaktorisiert.
    • Die Datei "themeware/cms/_custom-cms-headlines.scss" wurde refaktorisiert.
  • Neue SCSS-Dateien für die Breadcrumb und CMS-Produktseite ergänzt.
  • Es gibt neue SCSS-Dateien für das neue ThemeWare® CMS-Styling.
  • Die bestehenden CMS SCSS-Dateien wurden refaktorisiert.