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
> entferntelement_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®