In dieser Anleitung erfährst du, wie du Erlebniswelten mit ThemeWare® CSS-Scroll-Animationen verschönern kannst.
Last updated
© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH
ThemeWare® ab Version 0.3.0 stellt dir eine umfangreiche Auswahl an CSS-Animationen zum Verschönern deiner Erlebniswelten bereit. Nachfolgend erklären wir dir, wie du die "CSS-Scroll-Animationen" in nur 2 Schritten aktivieren und nutzen kannst.
Tipp: Anwendungsbeispiele findest du auf den Startseiten in unseren Demoshops.
Öffne die Administration deins Shops
Wechsel über die Hauptnavigation in den Theme-Manager ("Inhalte" => "Themes") Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
Öffne die Konfiguration deines Themes
Wechsel im Tab "Erlebniswelten" in den Bereich "Alle Typen"
Wähle die gewünschte Animation für CMS-Blöcke bzw. die Überschriften in CMS-Blöcken (optional).
Speicher diese Änderung damit diese in die Storefront übernommen wird
Wechsel über die Hauptnavigation in die Erlebniswelt-Verwaltung ("Inhalte" => "Erlebniswelten")
Bearbeite die gewünschte Erlebniswelt
Wähle den gewünschten CMS-Block aus, welchen du animieren möchtest
Öffne den Bereich "Layout" in den Block-Einstellungen am rechten Bildschirmrand
Speicher die Erlebniswelt
Der entsprechende CMS-Block sollte nun mit der gewünschten Animation animiert werden. Wiederhole "Step 2" für alle CMS-Blöcke, die du animieren möchtest.
Sollte die Änderung nicht in der Storefront ankommen, prüfe bitte ob das Theme dem entsprechenden Verkaufskanal zugewiesen wurde. Leere bei Änderungen dieser Art auch unbedingt einmal den gesamten Shopware sowie den Browser-Cache.
Hinweis: Nutze die CSS-Animation nicht in CMS-Seiten die in Pop-ups bzw. Modals angezeigt werden. Dort funktionieren die Animationen nicht.
Im Abschnitt "CSS-Scroll-Animationen" findest du Konfigurationsfelder für "CMS-Blöcke" und "Überschriften in CMS-Blöcken"
Füge die CSS-Klasse twt-cms-animation hinzu (mehrere Klassen werden durch Leerzeichen getrennt)
