Navigation
Portal für Shopware 5

ThemeWare® 2.2.0

Veröffentlicht: 16. Januar 2024


ThemeWare® 2.2.0

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

Highlights

  • CMS-Block/-Element "Runder Teaser" hinzugefügt [Pro-Edition]
  • CMS-Block/-Element "Bild & Text überlagernd" hinzugefügt [Pro-Edition]
  • CMS-Block "Sechs Spalten (Individuell)" hinzugefügt [Pro-Edition]
  • Konfiguration für die Hintergrundfarbe vom "Countdown-Banner" hinzugefügt [Pro-Edition]
  • Konfiguration für die Hintergrundfarbe vom "Countdown-Banner (kompakt)" hinzugefügt [Pro-Edition]
  • Konfiguration für die horizontale Ausrichtung im "Countdown-Banner (kompakt)" hinzugefügt [Pro-Edition]
  • Konfiguration für die horizontale Bild-Positionierung im "Call-To-Action" hinzugefügt [Pro-Edition]
  • Konfiguration für die maximale Breite vom "Image-Teaser" hinzugefügt [Pro-Edition]
  • Konfiguration für die maximale Breite im "Countdown-Banner (kompakt)" hinzugefügt [Pro-Edition]

Änderungen

  • CSS-Klassen für Spaltenabstände in CMS-Blöcken überarbeitet
  • Darstellung im Anzeigemodus "Standard" vom "Image-Teaser" verbessert [Pro-Edition]
  • Horizontale Ausrichtung vom "Image-Teaser" verbessert [Pro-Edition]
  • Storefront Template-Dateien aller CMS-Elemente aktualisiert [Pro-Edition]
  • Variablen der "Hover-Box" verbessert [Pro-Edition]
  • Vorschau der "Grid-Blöcke" verbessert [Pro-Edition]
  • Vorschau der CMS-Teaser-Elemente erweitert [Pro-Edition]
  • Bugfix: Doppeltes Title-Attribut im "Mein Konto"-Button korrigiert
  • Bugfix: Farbzuweisung der Badges aller Aktions-Buttons im Header korrigiert
  • Bugfix: Farbzuweisung der Produkt-Badges korrigiert
  • Bugfix: Unnötige Lücke links und rechts der Breadcrumb mit der Breite "100% (Full-width)" entfernt

Hinweise

  • Twig-Blöcke in Template-Dateien einiger CMS-Elemente wurden umbenannt. Bitte prüfe deine Template-Anpassungen. [Pro-Edition]

Highlights

NEU: CMS-Block/-Element "Runder Teaser" hinzugefügt [Pro-Edition]

Mit ThemeWare® 2.2 wurde ein neuer runder Teaser hinzugefügt. Dieser ist Teil der neuen Pro-Erlebniswelt für ThemeWare® Clean.

NEU: CMS-Block/-Element "Bild & Text überlagernd" hinzugefügt [Pro-Edition]

Ein neues "Layout"-Element "Bild & Text überlagernd bestehend aus einem CMS-Block und dem entsprechendem CMS-Element wurde hinzugefügt.

NEU: CMS-Block "Sechs Spalten (Individuell)" hinzugefügt [Pro-Edition]

Der neue CMS-Block "Sechs Spalten (Individuell)" ist eine individualisierbare Variante vom bestehenden 6-Spalter.

Dieser neue Block kann die neue Experten-Konfiguration "CSS-Klasse (Spalte)" aus bestimmten Teasern (siehe "Runder Teaser") übernehmen. So kannst du die sechs Spalten frei konfigurieren, vorausgesetzt du kennst dich ausreichend mit dem Grid-System von Bootstrap aus.

Zusätzlich gibt es eine neue CSS-Klasse um diesen Block – im Zusammenspiel mit der neuen Konfiguration "maximale Breite" – noch weiter zu individualisieren. Mehr Informationen dazu findest du in der ThemeWare® Wissensdatenbank bzw. im ThemeWare® Handbuch.

Konfiguration für die Hintergrundfarbe vom "Countdown-Banner" hinzugefügt [Pro-Edition]

Wir haben eine Konfiguration für die Hintergrundfarbe vom "Countdown-Banner" hinzugefügt. Damit stehen dir künftig noch mehr Gestaltungsmöglichkeiten zur Verfügung.

Konfiguration für die Hintergrundfarbe vom "Countdown-Banner (kompakt)" hinzugefügt [Pro-Edition]

Auch der "Countdown-Banner (kompakt)" hat eine Konfiguration für die Hintergrundfarbe erhalten.

Konfiguration für die horizontale Ausrichtung im "Countdown-Banner (kompakt)" hinzugefügt [Pro-Edition]

Eine Konfiguration für die horizontale Ausrichtung des Textes im "Countdown-Banner (kompakt)" wurde hinzugefügt. Damit kann die Darstellung in "full width"-Sektionen noch besser konfiguriert werden.

Konfiguration für die horizontale Bild-Positionierung im "Call-To-Action" hinzugefügt [Pro-Edition]

Wir haben eine Konfiguration für die horizontale Bild-Positionierung ergänzt. Damit kann das Bild im Anzeigemodus "Cover" links oder rechts statt zentriert ausgerichtet werden.

Konfiguration für die maximale Breite vom "Image-Teaser" hinzugefügt [Pro-Edition]

Du kannst nun die maximale Breite vom "Image-Teaser" konfigurieren. Im Zusammenspiel mit der horizontalen und vertikalen Ausrichtung des Teasers sind dadurch nun völlig neue Layout-Möglichkeiten verfügbar.

Konfiguration für die maximale Breite im "Countdown-Banner (kompakt)" hinzugefügt [Pro-Edition]

Eine neue Konfiguration für die maximale Breite des Inhaltes im "Countdown-Banner (kompakt)" wurde hinzugefügt. Damit kann die Darstellung in "full width"-Sektionen noch besser konfiguriert werden.


Änderungen im Detail

CSS-Klassen für Spaltenabstände in CMS-Blöcken überarbeitet

Die CSS-Selektoren in den CSS-Klassen für Spaltenabstände in CMS-Blöcken wurden verbessert.

Darstellung im Anzeigemodus "Standard" vom "Image-Teaser" verbessert [Pro-Edition]

Die Darstellung vom "Image-Teaser" im Anzeigemodus "Standard" wurde verbessert.

Horizontale Ausrichtung vom "Image-Teaser" verbessert [Pro-Edition]

Die horizontale Ausrichtung vom "Image-Teaser" wurde verbessert.

Storefront Template-Dateien aller CMS-Elemente aktualisiert [Pro-Edition]

siehe "Hinweise" unten

Variablen der "Hover-Box" verbessert [Pro-Edition]

Die "Überschriften"-Variablen wurden korrekt benannt. Die Änderung sollte automatisch migriert werden, prüfe dennoch deine Hover-Boxen. (Betrifft den Text, die Farbe und die CSS-Klasse von Überschriften.)

Vorschau der "Grid-Blöcke" verbessert [Pro-Edition]

Die Vorschau der "Grid-Blöcke" im Erlebniswelt-Editor wurde optimiert.

Vorschau der CMS-Teaser-Elemente erweitert [Pro-Edition]

Die Vorschau der "Teaser"-Elemente im Erlebniswelt-Editor wurde verbessert und kommt nun näher an die Darstellung in der Storefront heran.

Bugfix: Doppeltes Title-Attribut im "Mein Konto"-Button korrigiert

Ein doppeltes Title-Attribut im "Mein Konto"-Button wurde entfernt.

Bugfix: Farbzuweisung der Badges aller Aktions-Buttons im Header korrigiert

Die Farbkonfiguration der Badges aller Aktions-Buttons im Header überschreibt nun wieder die vor eingestellte Farbe.

Bugfix: Farbzuweisung der Produkt-Badges korrigiert

Die Farbkonfiguration der Produkt-Badges überschreibt nun wieder die vor eingestellte Farbe.

Bugfix: Unnötige Lücke links und rechts der Breadcrumb mit der Breite "100% (Full-width)" entfernt

Unnötige Lücken links und rechts neben der Breadcrumb mit der Breite "100% (Full-width)" wurden entfernt. Die Breadcrumb ist nun bündig mit dem Browserfenster.


Hinweise

Twig-Blöcke in Template-Dateien einiger CMS-Elemente wurden umbenannt [Pro-Edition]

Folgende Änderungen wurden vorgenommen:

  • cms-element-twt-button-teaser.html.twig
    • element_twt_call_to_action_element > element_twt_call_to_action_alignment
    • element_twt_call_to_action_image_inner > element_twt_call_to_action_inner
  • cms-element-twt-call-to-action.html.twig
    • element_twt_call_to_action_element > element_twt_call_to_action_alignment
    • element_twt_call_to_action_image_inner > element_twt_call_to_action_inner
  • cms-element-twt-classic-teaser.html.twig
    • element_twt_classic_teaser_content > element_twt_classic_teaser_alignment
    • element_twt_classic_teaser_image_inner > element_twt_classic_teaser_inner
  • cms-element-twt-countdown-banner.html.twig
    • element_twt_discount_banner_image_inner > element_twt_discount_banner_inner
  • cms-element-twt-countdown-banner-compact.html.twig
    • element_twt_countdown_banner > element_twt_countdown_banner_compact
    • element_twt_countdown_banner_syles > element_twt_countdown_banner_compact_styles
    • element_twt_countdown_banner_content > element_twt_countdown_banner_compact_content
    • element_twt_countdown_banner_countdown_image_inner > element_twt_countdown_banner_compact_inner
    • element_twt_countdown_banner_countdown_container > element_twt_countdown_banner_compact_container
  • cms-element-twt-discount-banner.html.twig
    • element_twt_discount_banner_image_inner > element_twt_discount_banner_inner
  • cms-element-twt-hover-box.html.twig
    • element_twt_hover_box_content > element_twt_hover_box_alignment
    • element_twt_hover_box_image_inner > element_twt_hover_box_inner
  • cms-element-twt-image-banner.html.twig
    • element_twt_image_banner_content > entfernt
    • element_twt_image_banner_image_inner > element_twt_image_banner_inner
  • cms-element-twt-image-teaser.html.twig
    • element_twt_image_teaser_content > element_twt_image_teaser_alignment
    • element_twt_image_teaser_image_inner > element_twt_image_teaser_inner
  • cms-element-twt-modern-teaser.html.twig
    • element_twt_modern_teaser_content > element_twt_modern_teaser_alignment
    • element_twt_modern_teaser_image_inner > element_twt_modern_teaser_inner
  • cms-element-twt-text-teaser.html.twig
    • element_twt_text_teaser_content > element_twt_text_teaser_alignment
    • element_twt_text_teaser_image_inner > element_twt_text_teaser_inner
  • cms-element-twt-text-teaser-decorated.html.twig
    • element_twt_text_teaser_decorated_content > element_twt_text_teaser_decorated_alignment
    • element_twt_text_teaser_decorated_image_inner > element_twt_text_teaser_decorated_inner

Tipp: Bitte prüfe etwaige individuelle Template-Anpassungen in deinem Shop.


Schlusswort

Zum Abschluss noch ein kleiner Hinweis zu unserer Dokumentation, weil diese selten erwähnt wird. So wie die ThemeWare® Themes, wächst auch die ThemeWare® Dokumentation täglich. Allein für dieses Update wurden mehr als 10 neue Artikel verfasst.

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