Erlebniswelten in Shopware 6: Landingpages, Shopseiten und Kategorie-Layouts per Drag & Drop erstellen und zentral verwalten.
In den Erlebniswelten kannst du Content-Seiten wie Landingpages, Shopseiten und Kategorie-Layouts erstellen und diese zentral verwalten.
ThemeWare® Tipp: ThemeWare® erweitert die Erlebniswelten um zahlreiche zusätzliche CMS-Blöcke und CMS-Elemente – von Teasern, Bannern und Hero-Slidern bis zu Sale-Elementen – inklusive vielfältiger Animationen und Hover-Effekte für lebendige Content-Seiten.
Weiterführende Informationen
Mehr Informationen zum Thema "Erlebniswelten" findest du in der offiziellen Shopware Dokumentation:
Bilder in Text-Felder einfügen
Bilder können in Text-Felder von CMS-Elementen derzeit nur mit einen kleinen "Trick" (per HTML) eingefügt werden. Wie dies funktioniert erklären wir dir in dieser Anleitung.
Öffne die Administration deines Shops
Medienverwaltung
Wechsel über die Hauptnavigation in die Medienverwaltung ("Inhalte" => "Medien")
Suche das gewünschte Bild
Kopiere nun den Pfad zum Bild mit einen Klick auf "Link kopieren" (1, 2) in die Zwischenablage
HTML-Code
Damit du das Bild als HTML-Element in ein Text-Feld einfügen kannst, musst du den Pfad in einen entsprechenden HTML-Code einfügen
Nutze dafür gerne das folgende Beispiel: <img src="..." alt="...">
Erlebniswelt-Verwaltung
Wechsel über die Hauptnavigation in die Erlebniswelt-Verwaltung ("Inhalte" => "Erlebniswelten")
Öffne nun das gewünschte CMS-Layout
Du hast nun ein Bild in ein Text-Feld eingefügt.
Mehr Informationen zum Thema HTML-Code einfügen und dem HTML Sanitizer von Shopware 6 findest du in folgendem Artikel:
Ersetze die Auslassungspunkte im Tag src mit der Bild-Pfad
Ersetze die Auslassungspunkte im Tag alt mit einer kurzen Bildbeschreibung des Bildes
Klicke auf das "Zahnrad"-Icon um das gewünschte CMS-Element zu konfigurieren
Es öffnet sich das Pop-up "Element-Einstellungen"
Klicke auf das "Code"-Icon um in den HTML-Modus zu wechseln (3)
Füge nun den oben erstellten HTML-Code an der gewünschten Stelle ein
Warte kurz ab, bis der HTML Sanitizer von Shopware 6 den Code geprüft hat
Hinweis: Fehlt ein Bild in der Storefront hat sich wahrscheinlich der Pfad zum Bild (z.B. durch Umbenennen oder Verschieben) geändert. Korrigiere den Pfad dann einfach indem du die oben genannten Schritte wiederholst.
