Elysium — Erlebniswelten Sektion, Slider, Banner und Slide Builder

Kompatibilitäts-Update zu Shopware 6.7

• Vollständiger Wechsel von vuex zu pinia und zu meteor Komponenten im Admin
• Vite Konfigurations-Anpassung
• Code clean-up, Fehlerbehebungen und Optimierungen

• Ein Fehler im Admin wurde behoben, bei dem der Inhaltselement-Tab in den Slide Einstellungen nicht geöffnet werden konnte

• Ein Fehler in der Slide Auswahl des Slider Elements wurde behoben. Die Slides können nun wieder hingefügt und entfernt werden
• Code Anpassungen und Optimierungen      
  • Wechsel von vuex zu Pinia wurde vollständig umgesetzt
  • Optimierung der Komponenten Slide-Auswahl und Gerätewechsel

• Lazy loading der Sektionen styles wurde entfernt und durch statisches styling per SCSS ersetzt. Es sollte nun nicht mehr zu Darstellungsfehler in Sektionen kommen
• Ein Darstellungsfehler im Admin UI wurde behoben. Es wurden Kontextmenüs im Slide Builder Beschreibungs-Editor abgeschnitten. Es sollten nun alle Menüs erreichbar sein.

• Das ElysiumSlidesResultEvent Event wurde hinzugefügt, welches beim laden von Elysium Slidern ausgelöst wird. Dadurch können Entwickler die Anzeige von Slides modifizieren.

• Es wurden Fehler in der Slide Bearbeitung behoben. Alle Slide Einstellungen sind wieder sichtbar

• Elysium Sektion wurde hinzugefügt. Diese ist in der Erlebniswelten Sektions-Auswahl verfügbar und erweitert die Erlebniswelt um dynamisch Skalierbare Blöcke, zusammenfügen von Block-Zeilen, Änderung der optischen Block-Reihenfolge und mehr. Alle Einstellungen       können seperat für die Smartphone, Tablet und Desktop Ansicht festgelegt werden
• Codebasis wurde aufgeräumt und optimiert

• Blöcke in Standard Sektionen können nun wieder wie gewohnt ausgewählt werden

• Die Werte in Zahlen-Eingabefeldern werden nun korrekt übernommen. Die entsprechenden Komponenten wurden angepasst und sollten auch ab Shopware 6.6.4 wie erwartet funktionieren
• Anpassung von Übersetzungen

• Änderung der Registrierung des elysium-slider JS von asynchron zu statisch, damit der Slider ab Shopware 6.6.7 wieder wie erwartet funktioniert

• Mit dem Wert 0 kann die maximale Begrenzung (Breite / Höhe) in geräteabhängigen Einstellungen zurückgesetzt werden.
• Manuelles Erstellen der neuesten JS-Dateien für das Composer-Paackage
• Übersetzungen in der Administration wurden korrigiert

• Wechsel der geräteabhängigen Einstellungen zu Mobile First Ansatz. Diese Einstellungen sind nun optional und erben den Wert der kleineren Geräteansicht (Mobile First Ansatz). Wenn beispielsweise eine Einstellung nur in der mobilen       Ansicht gesetzt ist, wird diese für Tablet und Desktop übernommen. Das gilt für Einstellungen der Slides und der Erlebniswelt Element Slider und Banner
• Anpassung und Optimierung der Admin UI. Die Admin UI der Elysium-Komponenten Slides-, Slider- und Banner-Einstellungen wurde überarbeitet.
  Das Icon in geräteabhängigen Eingaben kann nun angeklickt werden, um zwischen den Ansichten       zu wechseln.
  Die Eingabemasken in allen Einstellungen wurden kompakter und übersichtlicher gestaltet, um eine effektivere Bearbeitung zu ermöglichen.
• Eine Lazy Loading Option wurde dem Banner-Element hinzugefügt.
• Unterschiedliche Slide-Höhen werden nun automatisch im Erlebniswelten Slider angeglichen.
• Outline Button-Varianten wurden den Slide-Verlinkungseinstellungen hinzugefügt.
• Button-Größen wurden den Slide-Verlinkungseinstellungen hinzugefügt.
• Verbesserung des Ladeverhaltens des Sliders zur Reduzierung des kumulativen Layoutverschiebung (CLS) und des Popup-Effekts von Slides

• Ein Fehler in der Slide Einstellung (Anzeige) "Elemente untereinander anzeigen" wurde behoben. Die Option kann nur wieder korrekt angewählt werden und funktioniert wie erwartet
• Dem Fokusbild Element wurden CSS styles hinzugefügt die eine Überschneidung mit dem Container verhindern

• Das Produktbild eines Slides kann nun beim Verlinkungstyp 'Produkt' ausgeblendet werden
• Im CMS Banner Element kann nun eine maximale Höhe festgelegt werden

• Änderung: Aufgrund einer Änderung des State Managers ab Shopware 6.6.4, kam es beim einfügen von Elysium Blöcken im Erlebniswelten Layout Editor zu Fehlern. Dies wurde angepasst und das einfügen von Blöcken sollte wie erwartet funktionieren.

Changelog

• Änderung: Die SQL Syntax der Datenbank Migration 1707906587 wurde geändert um MariaDB Versionen ab 10.3 zu unterstützen
• Fehlerbehebung: Die HTML-Tags i, u, b, strong, br und span in Überschriften werden nun wieder wie erwartet im Frontend angezeigt
• Fehlerbehebung: Verhalten der maximalen Breite des Inhalts- und Bildelements wurde korrigiert

Changelog

• Änderung: Die SQL Syntax der Datenbank Migration 1707906587 wurde geändert um ältere MySQL und MariaDB Versionen zu unterstützen. Wichtiger Hinweis Ab Version 4 werden ausnahmslos die von Shopware empholenen Datenbank Versionen unterstützt

Changelog

• Verbesserung: In der Medienverwaltung wird nun die Information angezeigt, in welchem Elysium Slide ein Medium verwendet wird. Beim löschen eines verknüpften Mediums erscheint entsprechender Hinweis
• Verbesserung: Rollen Berechtigungen wurden im Elysium Slides Mobul hinzugefügt
• Verbesserung: In den Slide Einstellung wurde die Option Bild auf volle Breite strecken dem Bildelement hinzugefügt
• Änderung: Die Einstellung Auto-Wiedergabe Intervall im CMS Slider hat nun einen Minimalwer von 200 statt 3000
• Änderung: Das Fokusbild wird nun standardmäßig in automatischer satt in voller Breite angezeigt
• Fehlerbehebung: Die HTML-Tags i, u, b, strong, br und span werden nun wieder wie erwartet im Frontend angezeigt
• Fehlerbehebung: Korrektur von CSS Klassennamen in CMS Blöcken. Daraus ergeben sich Fehlerbehebungen im Styling
• Fehlerbehebung: Korrektur des Seitenverhältnis. Wenn der Inhalt des Slides das Seitenverhätlis überschreiten, passt sich die Slide Höhe entsprechend dem Inhalt an. Somit wird der Inhalt nicht mehr abgeschnitten
• Fehlerbehebung: Textbausteine in der Administration wurden korrigiert

Changelog

• Fehlerbehebung: Ein Slide wird nun volllständig angezeigt wenn der Inhalt das angegebene Seitenverhältnis überschreitet
• Fehlerbehebung: Ein Darstellungsfehler, bei dem es zum Überlauf der Boxen im Elysium Block 'Elysium Banner' kommen konnte, wurde behoben

Changelog

• Fehlerbehebung: Die UI-Icons in der Adminstration wurden angepasst. Diese werden auch ab Shopware 6.6.2 wieder korrekt angezeigt.

Changelog

• Verbesserung: Beim speichern eines Slides wird nun der Cache aller Erlebniswelten, welche ein Elysium Element zugewiesen haben, invalidiert. Somit werden Änderungen am Slide im Storefront sofort sichtbar, ohne den Cache löschen zu müssen
• Fehlerbehebung: Ein Darstellungsfehler, bei dem es zum Überlauf der Boxen im Elysium Block 'Elysium Block — 2 Spalten' kommen konnte, wurde behoben

Changelog

• Verbesserung: Beim speichern eines Slides wird nun der Cache aller Erlebniswelten, welche ein Elysium Element zugewiesen haben, invalidiert. Somit werden Änderungen am Slide im Storefront sofort sichtbar, ohne den Cache löschen zu müssen
• Fehlerbehebung: Ein Darstellungsfehler, bei dem es zum Überlauf der Boxen im Elysium Block 'Elysium Block — 2 Spalten' kommen konnte, wurde behoben

Changelog

• Fehlerbehebung: Die Slide Beschreibung wird nun wie erwartet gespeichert
• Fehlerbehebung: Korrektur von Textbausteinen in der Administration

Update Notes

Dieses Update stellt die Kompatibilität mit Shopware 6.6 her. Mit dieser Version ändert sich der Plugin Support. Version 3 erhält Funktionserweiterungen und Fehlerbehebungen. Version 2 erhält ausschließlich Fehlerbehebungen. Version 1 wird nicht mehr     unterstützt und erhält keine weiteren Aktualisierungen.

Es wurde der gesamte Code innherhalb der Administration angepasst. Wir haben dabei den Code minimiert und auf Verbessserung der Performance sowie der Nutzererfahrung geachtet.

Changelog

• Verbesserung: Aktualisierung und Anpassungen der Administrations Komponenten
• Verbesserung: Der JavaScript Code der Slider im Storefront wird nun dynamisch geladen

Changelog

• Feature: Eine Post Update Konvertierung der Slide und Slider Einstellungen wurde hinzugefügt. Bei der Aktualisierung von Version 1.5 auf 2.1 werden somit Slide und Slider Einstellungen automatisch übernommen. Hinweis: Daten aus Versionen kleiner als 1.5 werden nicht übernommen. Wir empfehlen außerdem dringend vor einem Update eine Datenbank Sicherung anzulegen
• Fehlerbehebung: Fehler im Slide Template wurden behoben und das allgemeine Styling optimiert

Version 2.0.0

Wichtiger Hinweis

Das 2.0 Update enthält Breaking Changes. Bitte prüfe die Aktualisierung von Version 1 auf 2.0 in einer Staging Umgebung um dauerhaften Datenverlust zu vermeiden. Diese Version enthält tiefgreifende, strukturelle Veränderungen. Diese Änderungen sind im Hinblick auf eine effiziente und zukunftssichere Weiterentwicklung der Elysium Erweiterung unvermeidbar gewesen.

Update Notes

Banner Erlebniswelt-Element wurde hinzugefügt

Slides können nun in einem Banner Erlebniswelt Element aufbereitet und einzeln ausgespielt werden. Zusätzlich wurden zwei weitere Block Elemente hinzugefügt. Diese befinden sich in der neuen Block Kategorie Elysium Slider und Banner.

Der Elysium Banner Block ist für die Darstellung eines einzelnen Banner gedacht.
Der Elysium Block — 2 Spalten ist für die Darstellung von zwei Bannern optimiert. Es können aber auch andere Erlebniswelt Elemente  in diesem Block verwendet werden. Das besondere an diesem Block sind erweiterte Darstellungsoptionen für die Smartphone, Tablet und Desktop Ansicht. Diese Block-Einstellungen finden sich in der Sidebar des Erlebniswelten Layout Designers.

Erweiterung der Elysium Slides Konfiguration

Die Konfiguration der Elysium Slides wurde grundlegend neu strukturiert und erweitert. Neben vielen neuen Optionen zur Darstellung kann nun auch ein Fokus Bild verwendet werden. Dieses Fokus Bild wird neben den Inhaltsbereich und losgelöst   vom Slide Cover angezeigt.
Auch wurden die Slide Cover Bilder verbessert. Es können für die Smartphone, Tablet oder Desktop Ansicht verschiedene Bilder festgelegt werden.

Zudem kann, neben der individuellen Verlinkung, nun auch ein Produkt verknüpft werden. Es werden dann automatisch die Produktinformationen wie Bezeichnung, Beschreibung und Bild angezeigt. Diese Informationen können aber optional vom Slide überschrieben   werden, indem man im Slide zum Beispiel die Slide Überschrift oder das Fokus Bild einsetzt.

Konsistente Einstellungen für Smartphone, Tablet und Desktop

In den Einstellugnen von Slides, Slider- und Banner- Elementen findet sich nun eine einheitliche Konfiguration für Smartphone, Tablet und Desktop Ansicht.
Erkennbar an den entsprechenden Geräte-Icons. Mit Klick auf ein Geräte-Icon kann die Konfiguration   für diese Ansicht speziell optimiert werden. Welche Einstellungen Geräteabhängig sind, erkennst du an einem entsprechenden Indikator unterhalb einer Option.

Weiter können die Gerätegrößen, also ab welcher Bildschirmbreite welche Ansicht zum tragen kommt, vom Nutzer angepasst werden. Die Gerätegrößen können unter 'Einstellungen → Erweiterungen → Elysium Slider' eingestellt werden.

Optimierung der Slide Templates und Styles

Die Template Struktur sowie CSS Styles von Slides wurde überarbeitet und logischer gegliedert. Falls du eigene Templates verwendest, prüfe diese auf entsprechende Änderungen.

Changelog

• Feature: Banner Erlebniswelt Element wurde hinzugefügt
• Feature: Erlebniswelt Block 'Elysium Banner' wurde hinzugefügt
• Feature: Erlebniswelt Block 'Elysium Block — 2 Spalten' wurde hinzugefügt
• Feature: Geräteabhängige Einstellungen wurden den Erlebniswelt Elementen 'Slider' und 'Banner' hinzugefügt
• Feature: Geräteabhängige Einstellungen wurden den Slide Einstellungen hinzugefügt
• Feature: Slides können nun kopiert werden
• Feature: Slides können ein 'Fokus Bild' hinzugefügt werden
• Feature: Es können verschiedene Slide Cover Bilder für die Smartphone, Tablet und Desktop Ansicht hinzugefügt werden
• Feature: Eine vielzahl von Slide Einstellungen ist nun Geräteabhängig
• Verbesserung: Slide Einstellungen wurden stark erweitert
• Verbesserung: Optimierung der Slide Cover Thumbnails im Frontend (Verbesserung der Lighthouse Performance Bewertung)
• Verbesserung: Das Löschen eines Slides ist jetzt auch auf der Bearbeitungsseite möglich.
• Änderung: Die Elysium Erlebniswelt Blöcke sind nun in der Block-Kategorie 'Elysium Slider und Banner' zu finden
• Änderung: Die Slide Bearbeitungsseite wurde umstrukturiert. Dies betrifft hauptsächlich die Code Qualität. Das Formular für Medien wurde in einen eigenen Tab ausgegliedert. Die Zusatzfelder Einstellungen sind nun im Tab "Erweitert" zu finden.
• Änderung: Slide Templates und Styles wurden umstrukturiert

- Bugfix: Es wurde ein Fehler in der Slide Button Anzeige behoben. Wenn ein Slide erstellt wurde, ohne die URL-Overlay Option zu de-/aktivieren, wurde der Button nicht angezeigt. Dieser Fehler wurde korrigiert und der Slide Button wird wie erwartet angezeigt.
- Bugfix: Ein Fehler in der Slide-Auswahl des Erlebniswelten Slider Elements wurde behoben. Bei abweichenden Sprachen konnten keine Slides ausgewählt werden und die Slide-Auswahl wurde nicht angezeigt. Nun sollte die gesamte Slide-Auswahl, in jeder ausgewählten Sprache, wie erwartet funktionieren.

- Bugfix: Ein Fehler in der Slide-Auswahl des Erlebniswelten Slider Elements wurde behoben. Bei fehlender Slide Überschrift konnten keine Slides ausgewählt werden und die Slide-Auswahl wurde nicht angezeigt. Nun sollte die gesamte Slide-Auswahl, auch ohne eine hinterlegte Slide Überschrift, wie erwartet funktionieren.

- Feature: Es ist nun möglich mehrere Slides pro Ansicht anzeigen zu lassen. Bisher war die Ansicht auf einen Slide beschränkt. Im Erlebniswelten Slider Element gibt es unter Größen die Slide Verhalten Einstellungen. Es kann festgelegt werden wie viel Slides pro Ansicht angezeigt werden sollen.

- Bugfix: Ein Fehler in der Slide-Auswahl des Erlebniswelten Slider Elements wurde behoben. Bei abweichenden Sprachen konnten keine Slides ausgewählt werden und die Slide-Auswahl wurde nicht angezeigt. Nun sollte die gesamte Slide-Auswahl, in jeder ausgewählten Sprache, wie erwartet funktionieren.

- Feature: Im Erlebniswelten Slider Element kann nun die innere Container Breite des Inhalts festgelegt werden. Mögliche Optionen sind "Breite des Seiteninhalts" oder "Volle Breite". Mehr dazu unter: https://elysium-slider.blurcreative.de/de/documentation/cms-slider/settings

- Ein Fehler wurde behoben, bei dem der Slider fehlerhaft dargestellt wurde

Änderung und Erweiterung der Erlebniswelten Slider Einstellungen

Neben Fehlerbehebungen bezieht sich dieses Update auf die Einstellungen des Erlebniswelten Elements. Wir haben eine Anpassung der Admin-Oberfläche vorgenommen und Optionen hinzugefügt.

Wichtiger Hinweis

Durch diese Anpassungen ergeben sich auch Änderungen an der Datenstruktur des Erlebniswelten Elements. Bitte lies unsere Update-Hinweise zur Version 1.5.0, bevor du die Erweiterung aktualisierst.

Update Hinweise: https://elysium-slider.blurcreative.de/de/documentation/update-notes#version-1-5-0

- Feature: Es ist nun möglich eine Slider Überschrift zu vergeben

- Feature: Für das Erlebniswelt Slider-Element wurden neue Einstellungen hinzugefügt

- Änderung: Die Oberfläche der Konfigurationn des Erlebniswelt Slider-Elements wurde angepasst

- Änderung: Die Groß- und Kleinschreibung der Slide-Cover Medien Dateiendungen wird nun ignoriert

- Änderung: JavaScript build Datei wurde aktualisiert für Kompabilität zu Shopware 6.5

- Bugfix: Die Anzeige der Slide-Cover Hintergrundbilder funktioniert nun wieder wie erwartet

- Änderung: Die Slider-Overlay Option ist nun Standardgemäß inaktiv

Hinweis für Entwickler

Das Slide Template wurde refraktoriert. Templates für Slide Komponenten befinden sich nun unter `storefront/component/blur-elysium-slide/`.

Das Template für das gesamte CMS-Element befindet sich nach wie vor unter `storefront/element/cms-element-blur-elysium-slider.html.twig`.

Changelog

- Feature: In den Slide-Einstellungen gibt es nun den "Erweitert" Tab. Dieser wird erweiterte Einstellungen eines Slides enthalten

- Feature: Pro Slide kann eine individuelle Twig-Template Datei definiert werden. Dies befindet sich im "Erweitert" Tab der Slide-Einstellungen (#44)

- Verbesserung: Optimierung der Slide-Auswahl Ansicht im Elysium Slider CMS-Element (#55)

- Verbesserung: Optimierung und Anpassung der ACL Rollenverteilung für Admin-Benutzer (#69)

- Änderung: Das Slide Template wurde refraktoriert

- Bugfix: Der 'keine Slides vorhanden' Dialog im Elysium Slider CMS-Element erscheint nun wie erwartet (#53)

- Bugfix: Behebung falscher Thumbnail-Reihenfolge im Frontend (#57)

- Bugfix: Der Slide Button wird nun ausgeblendet wenn die URL-Overlay Option aktiv ist (#63)

Neue Slide-Auswahl im Erlebniswelt-Element

Die Slide-Auswahl im Elysium Slider Erlebniswelt-Element wurde überarbeitet. Ziel ist dass Shop-Manager die Slides schneller und effektiver pflegen und anordnen können. 

So gibt es eine Übersicht der ausgewählten Slides, in der Slides neu positioniert, bearbeitet oder gelöscht werden können. Auch wurde die Nutzererfahrung durch hilfreiche Dialoge und Hinweise in der Slide-Auswahl verbessert.

Untersützung von Videos als Slide-Cover

Im Slide-Cover können nun auch Videos verknüpft und hochgeladen werden. Dabei werden vorerst nur `.mp4` oder `.webm` Videos angezeigt. Im Slide-Cover für Portraits können nach wie vor nur Bilder verknüpft werden. Diese Anzeige wird ignoriert sobald im Slide-Cover ein Video verknüpft ist.

Wichtiger Hinweis

Wenn Slides ohne HTML-Element oder Textfarbe für Uberschriften initial gesperichert wurden, konnten diese im Nachgang nicht gespeichert werden. Dieser Fehler wurde behoben.  

Dadurch kann es aber vorkommen dass bereits gepflegte Angaben (betrifft nur HTML-Element oder Textfarbe der Überschrift) in angelegten Slides entfernt werden. Es sollten daher diese Angaben in bereits angelegten Slides überprüft werden

Changelog

- Feature: Neue Slide-Auswahl im Erlebniswelt-Element (#11)

- Feature: Untersützung von Videos als Slide-Cover (#9)

- Bugfix: Maskieren von CSS Funktionen in `Resources/app/storefront/src/scss/_elysium-slider.scss 115:26` (#40)

- Bugfix: Double Quotes im background-image inline CSS in `Resources/views/storefront/element/blur-elysium-slide-media.html.twig` hinzugefügt (#41)

- Bugfix: Kontext-Menü Aktionen im Medien-Menü hinzugefügt (#43)

- Bugfix: Speichern des Slide Überschriften-HTML-Elements sowie -Textfarbe im Nachgang möglich (#49)

- Hotfix: Neu kompilieren von JS Dateien.

In diesem Update geht es um Slides! Wir haben einige Einstellungen zu den Slides hinzugefügt und die Admin-UI für die Slide-Ansicht verbessert. Und natürlich haben wir auch unsere Code-Qualität verbessert.

Hightlights in dieser Version

Andere Verbesserungen

- Eigener Medien Ordner für Elysium Slides wurde hinzugefügt

- Erst-Veröffentlichung im Shopware Store