Navigation
Portal für Shopware 5

ThemeWare® 1.1.7

Veröffentlicht: 12. Januar 2023


ThemeWare® 1.1.7

Mit ThemeWare® 1.1.7 haben wir das erste große Feature-Update im Jahr 2023 veröffentlicht.

Dieser besonders umfangreiche Release enthält viele Verbesserungen, neue Konfigurationen, kleine Bugfixes und jede Menge neue Funktionen sowie neue CMS-Blöcke für die Pro-Edition.

ThemeWare® Cloud: Die Änderungen von ThemeWare® 1.1.5 und 1.1.6 sind nun auch in der Cloud Edition verfügbar. (siehe Changelog)

Vorab: Die Einbindung von Icons in der Storefront wurde geändert

Die Einbindung von Icons in der Storefront wurde komplett überarbeitet, vereinfacht und erweitert. Dies betrifft die Icons im Header (Aktions-Buttons) und im Newsletter-Widget (Senden-Button).

Durch diese Verbesserung eröffnen sich neue Möglichkeiten die wir für künftige Updates vorgesehen haben.

Hinweis: Prüfe bei etwaigen Änderungen der Icon-Darstellung die Icon-Konfiguration im Tab "Layout" => Bereich "Typografie". Je nach Icon-Set können Icons etwas kleiner gerendert werden.

Highlights

Neues mobiles Header-Layout

Im neuen Layout "Verkaufsfördernde Navigation" für den mobilen Header wird die Navigation an den unteren Bildschirmrand verschoben wodurch die Aktions-Buttons auf Smartphones bequem mit dem Daumen erreichbar sind. Dadurch wird die Usability im mobilen Viewport erheblich verbessert. Das Layout kann in der Theme-Konfiguration (Tab "Header" => Bereich "Mobiler Header") ausgewählt werden.

Verkaufsfördernde Navigation

Benutzerdefinierter Tab für Produktseiten hinzugefügt #FeatureRequest

Mit neuen ThemeWare® Zusatzfeldern kann nun ein individueller Tab auf Produktseiten ergänzt werden. Der Text kann über ein HTML-fähiges Zusatzfeld befüllt werden. Der Titel des Tabs kann entweder global (für alle Produktseiten) über einen Textbaustein oder produktspezifisch über ein Zusatzfeld im entsprechenden Produkt geändert werden.

Der Tab selber wird nur angezeigt, wenn dieser in der Theme-Konfiguration (Tab "Produktseiten") aktiviert wurde ein Text im entsprechenden Produkt hinterlegt wurde.

Benutzerdefinierter Tab für Produktseiten

Google Fonts

Mit ThemeWare® 1.1.7 werden nun in jedem Theme alle von ThemeWare® verwendeten Fonts lokal installiert. Mehr Informationen dazu im ThemeWare® Handbuch.

CMS-Blöcke für Produktseiten hinzugefügt [Pro-Edition]

Für die Pro-Edition gibt es vier neue CMS-Blöcke. Drei neue Blöcke sind für Produktseiten: eine Produktüberschrift ohne Hersteller-Logo, eine Galerie/Buybox mit Produktüberschrift und eine Galerie/Buybox mit Produktüberschrift und Hersteller-Logo. So kannst du Produktseiten nun noch besser an deine Vorstellungen anpassen.

Galerie und Buybox (mit Produktname & Hersteller-Logo)

CMS-Blöcke für Produktseiten

CMS-Block "Breadcrumb" hinzugefügt [Pro-Edition]

Neben den drei CMS-Blöcken für Produktseiten gibt es auch eine frei positionierbare Breadcrumb-Navigation. Die bestehende Theme-Konfiguration wird auch auf die neue Breadcrumb angewendet.

ThemeWare® CMS-Breadcrumb

Konfiguration "Innenabstand links/rechts" für Container im mobilen Viewport hinzugefügt

Über ein neues Konfigurationsfeld (siehe Tab "Layout") kann den Innenabstand von Containern im mobilen Viewport definiert werden. Dies ist ein erster Test für folgende Konfigurationsmöglichkeiten.

Konfiguration "Link in neuem Tab öffnen" für den Ankündigungsbanner hinzugefügt #FeatureRequest

Der Link vom Ankündigungsbanner kann nun in einem neuen Browser-Tab geöffnet werden. (siehe Tab "Erweiterungen")

Konfiguration "Link in neuem Tab öffnen" für den "Ankündigungsbanner"

Konfiguration "Link zu" in CMS-Elementen aktualisiert

Die neue Link-Typen-Konfiguration von Shopware wurde in die ThemeWare® CMS-Elemente übernommen.

Konfiguration "Link zu" in CMS-Elementen

Konfiguration "Schriftgröße" für Header Dropdown-Menüs hinzugefügt #FeatureRequest

Bisher unterschieden sich die Header-Dropdowns nicht von den Filter-Dropdowns. Wir arbeiten in den kommenden Updates an einer separaten Konfiguration. Im ersten Schritt gibt es eine Konfiguration für die Schriftgröße der Header-Dropdowns (z.B. vom Service-Menü). (siehe Tab "Header" => Bereich "Layout")

Neue Designs für den Cookie-Hinweis hinzugefügt

Ergänzend zu den "Banner-Designs" gibt es vier neue "Modal-Designs" für den Cookie-Hinweis. In den neuen Designs wird der Cookie-Hinweis als Modal dargestellt und mit einem vollflächigen Overlay hinterlegt. Es stehen verschiedene Positionen für das Modal selber zu Verfügung. Die Konfiguration vom Cookie-Hinweis (siehe Tab "Inhalt") wurde dementsprechend erweitert.

Neue Designs für den Cookie-Hinweis

Konfiguration

Schließen-Button für den "Ankündigungsbanner" hinzugefügt

Der Ankündigungsbanner hat auf Wunsch nun einen Schließen-Button. Damit kann der Banner vom Besucher (für die Dauer von 24h) ausgeblendet werden. Diese Funktion nutzt einen Timestamp im "Local Storage" und benötigt die Zustimmung im Cookie-Consent. (siehe Tab "Erweiterungen")

Schließen-Button für den "Ankündigungsbanner"

Konfiguration

Hinweis: Diese Funktion ist noch experimentell und nicht geeignet, wenn mehr als ein ThemeWare® Theme installiert ist.

Senden-Icon kann ausgewählt werden #FeatureRequest

Ein Konfigurationsfeld für das Senden-Icon (z.B. im Newsletter-Widget) wurde hinzugefügt. (siehe Tab "Layout" => Bereich "Typografie")

Konfiguration

Service-Menü in die Offcanvas-Navigation integriert #FeatureRequest

Das Service-Menü kann nun in der Offcanvas-Navigation angezeigt werden. (siehe Tab "Inhalt")

Service-Menü in die Offcanvas-Navigation

Sticky-Konfiguration für "Galerie und Buybox" hinzugefügt #FeatureRequest

Es kann durchaus vorkommen, dass die Buybox durch der vielen verkaufsfördernden Zusatzfunktionen von ThemeWare® deutlich länger wird als die Galerie. Es gibt dafür nun die Möglichkeit die Buybox bzw. die Galerie "sticky" zu machen damit das kürzere Element beim Scrollen länger zu sehen ist und nicht vollständig aus dem Sichtbereich verschwindet. (siehe Tab "Produktseiten"=> Bereich "Layout")

Sticky-Konfiguration für die Galerie und Buybox

Warenkorb-Icon kann ausgewählt werden #FeatureRequest

Ein Konfigurationsfeld für das Warenkorb-Icon (z.B. im Header) wurde hinzugefügt. (siehe Tab "Layout" => Bereich "Typografie")

Konfiguration

Warenkorb-Icon im Kaufen-Button hinzugefügt

Ein Warenkorb-Icon kann nun im Kaufen-Button in der Produkt- und/oder der Buybox angezeigt werden.

Warenkorb-Icon im Kaufen-Button (Produkt-Box)

Konfiguration (Buybox)

Änderungen

Einbindung der Icon-Sets überarbeitet (betrifft die Icons im Header)

Die Einbindung von Icons in der Storefront wurde komplett überarbeitet, vereinfacht und erweitert. Dies betrifft die Icons im Header (Aktions-Buttons) und im Newsletter-Widget (Senden-Button).

Hinweis: Prüfe bei etwaigen Änderungen der Icon-Darstellung die Icon-Konfiguration im Tab "Layout" => Bereich "Typografie". Je nach Icon-Set können Icons etwas kleiner gerendert werden.

Tipp: ThemeWare® Icons werden nun auf Template-Ebene eingebunden und nicht mehr per CSS. Prüfe Template-Anpassungen auf ggf. nötige Änderungen.

Google Lighthouse: Pagespeed-Verbesserungen

ThemeWare® wird kontinuierlich optimiert, auch in diesem Update sind Lighthouse-Optimierungen enthalten.

Konfiguration vom "Ankündigungsbanner" erneuert

Die Konfiguration für den "Ankündigungsbanner" wurde erneuert.

Hinweis: Bitte prüfe die Konfiguration vom "Ankündigungsbanner". (Die alte Konfiguration ist im Tab "Weiteres" => Bereich "Veraltet")

Konfiguration vom mobilen Header aktualisiert und erweitert

Die Konfiguration des mobilen Headers wurde aktualisiert und erweitert.

Verbesserung der Bilddarstellung im "Hero-Slider (3x)"

Eine Änderung der Thumbnail-Generierung wurde für den "Hero-Slider" vorgenommen um die Bilddarstellung in größeren Viewports zu verbessern.

Verbesserungen der Darstellung in mobilen Viewports

Auch im Bereich der mobilen Darstellung gibt es in diesem Update einige Verbesserungen.

Verbesserungen in der Theme-Konfiguration

Das Update enthält Verbesserungen der Theme-Konfiguration (z.B. neue Hilfe-Texte).

Bugfix: JS-Fehler "document.querySelector search-container NULL" behoben

Ein JS-Fehler in einer bestimmten Header-Konfiguration und bei ausgeblendeter Suche wurde behoben.

Bugfix: Konfigurationsfelder für den "Ankündigungsbanner" korrigiert

Ein paar Konfigurationsfelder vom "Ankündigungsbanner" wurden korrigiert bzw. ersetzt.

Hinweis: Bitte prüfe die Konfiguration vom "Ankündigungsbanner". (Die alte Konfiguration ist im Tab "Weiteres" => Bereich "Veraltet")

Hinweise

  • Bitte prüfe die neue Icon-Konfiguration im Tab "Layout" => Bereich "Typografie".
  • Bitte prüfe die Konfiguration vom "Ankündigungsbanner" im Tab "Erweiterungen".
    • Die alte Konfiguration befindet sich vorübergehend im Tab "Weiteres" => Bereich "Veraltet".