Drehendes Element / Flipping Card für eine Erlebniswelt
Beschreibung
Highlights
- das Befüllen der Vorder- und Rückseite der Flipping Cards über ein TinyMCE - Feld
- das Festlegen eines Hintergrundbildes oder einer Hintergrundfarbe
- das Festlegen der Aktion, bei der die Flipping Card wechseln soll, also entweder beim Hover über das Erlebniswelten - Element oder beim Klick auf die Schaltfläche
- das Zuweisen des Elements bei einem bereits platzierten CMS Block (beispielsweise bei "Zwei Spalten, Text" oder "Drei Spalten, Text") über das Wechsel-Icon (beim Anklicken eines Elements)
Über die Erweiterung
Beschreibung der App
Die App "drehendes Element / Flipping Card für eine Erlebniswelt (mit frei definierbarem Text uvm.)" fügt ein drehendes Element / Flipping Card zu den Erlebniswelten - Elementen hinzu, das man entweder über die eigenen CMS Blöcke "2 Spalten, Flipping Card" und "3 Spalten, Flipping Card" aus der Block-Kategorie "Text & Bild" oder wie gewohnt bei einem bereits platzierten CMS Block (beispielsweise bei "Zwei Spalten, Text" oder "Drei Spalten, Text") über das Wechsel-Icon (beim Anklicken eines Elements, siehe auch https://docs.shopware.com/de/shopware-6-de/Inhalte/Erlebniswelten#bloecke und "Element mit Inhalt füllen") dem CMS Block zuweisen und es dadurch auch beliebig oft auf einer Erlebniswelt platzieren kann.
Bei der Flipping Card kann man im Tab "Einstellungen" unter anderem die Aktion, bei der das drehende Element wechseln soll, festlegen, also entweder beim Hover über das Erlebniswelten - Element oder beim Klick auf die Schaltfläche. Zusätzlich kann man auch den Effekt für den Wechsel der Vorder- und Rückseite auswählen, also ein gleichmäßiger, seitlich linker oder seitlich rechter Flip.
Bei der Schaltfläche für den Wechsel des drehenden Elements kann die Hintergrundfarbe und die Hover-Hintergrundfarbe, die Schriftfarbe und die Hover-Schriftfarbe aber auch die Rahmenfarbe, die vertikale Ausrichtung (oben, mittig, unten) inklusive des dazugehörigen Abstandes, die horizontale Ausrichtung (links, mittig, rechts) inklusive des dazugehörigen Abstandes, der Innenabstand, die Vollflächigkeit der Schaltfläche, der Text der Schaltfläche und ein Icon (Pfeil-nach-rechts & Pfeil-nach-links oder Plus & Minus) festgelegt werden.
Des weiteren können zusätzlich folgende Einstellungen jeweils für die Vorder- und die Rückseite festgelegt werden:
- die Auswahl des Hintergrundbildes
- die Auswahl der Hintergrundausrichtung für das Hintergrundbild
- die Auswahl der Hintergrundabmessung für das Hintergrundbild (contain, cover oder auto)
- die Festlegung der Hintergrundfarbe
Beim Inhaltsbereich der Vorder- und Rückseite stehen ebenso eine Vielzahl an Konfigurationsmöglichkeiten zur Verfügung, dazu gehören:
- die Festlegung der Hintergrundfarbe und der Hover-Hintergrundfarbe des Inhaltsbereichs
- die Festlegung der vertikalen Ausrichtung des Inhaltsbereichs (oben, mittig, unten) und des dazugehörigen Abstandes
- die Festlegung der horizontalen Ausrichtung des Inhaltsbereichs (links, mittig, rechts) und des dazugehörigen Abstandes
- die Festlegung des Innenabstandes des Inhaltsbereichs
- die Festlegung der Vollflächigkeit des Inhaltsbereichs
- die Festlegung der Breite des Inhaltsbereichs, wenn sich der Inhalt beispielsweise über mehrere Zeilen und nicht über die komplette Fläche erstrecken soll
- die Komplettverlinkung der Rückseite
Der Inhalt kann dabei über ein TinyMCE - Feld gepflegt werden, sodass Sie beispielsweise folgende Inhaltselemente im Inhaltsbereich hinterlegen können:
- normalen Text
- Bilder
- Links
- HTML-Elemente
- Überschriften (h1, h2, h3, h4, h5 und h6)
Ebenso kann man über das TinyMCE - Feld beispielsweise den Inhalt zentrieren, formatieren (beispielsweise fett oder kursiv markieren oder unterstreichen) oder auch Links setzen, die Schriftgröße oder auch die Schriftfarbe festlegen.
Hinweise zur App
(1). 30 Tage unverbindlich testen: mit der Testversion können Sie die App 30 Tage kostenfrei und in vollem Umfang direkt in Ihrem Shop einsetzen.
(2). Kompatible Themes: diese App ist zu dem Storefront Theme von Shopware und zu Themes, die von diesem abgeleitet werden, kompatibel. Bei der Nutzung eines Drittanbieter - Themes, das über den Shopware Store erworben wurde, kann der ordnungsgemäße Einsatz der App wie bei jeder anderen Shopware - App nicht garantiert werden.
Beschreibung der App
Die App "drehendes Element / Flipping Card für eine Erlebniswelt (mit frei definierbarem Text uvm.)" fügt ein drehendes Element / Flipping Card zu den Erlebniswelten - Elementen hinzu, das man entweder über die eigenen CMS Blöcke "2 Spalten, Flipping Card" und "3 Spalten, Flipping Card" aus der Block-Kategorie "Text & Bild" oder wie gewohnt bei einem bereits platzierten CMS Block (beispielsweise bei "Zwei Spalten, Text" oder "Drei Spalten, Text") über das Wechsel-Icon (beim Anklicken eines Elements, siehe auch https://docs.shopware.com/de/shopware-6-de/Inhalte/Erlebniswelten#bloecke und "Element mit Inhalt füllen") dem CMS Block zuweisen und es dadurch auch beliebig oft auf einer Erlebniswelt platzieren kann.
Bei der Flipping Card kann man im Tab "Einstellungen" unter anderem die Aktion, bei der das drehende Element wechseln soll, festlegen, also entweder beim Hover über das Erlebniswelten - Element oder beim Klick auf die Schaltfläche. Zusätzlich kann man auch den Effekt für den Wechsel der Vorder- und Rückseite auswählen, also ein gleichmäßiger, seitlich linker oder seitlich rechter Flip.
Bei der Schaltfläche für den Wechsel des drehenden Elements kann die Hintergrundfarbe und die Hover-Hintergrundfarbe, die Schriftfarbe und die Hover-Schriftfarbe aber auch die Rahmenfarbe, die vertikale Ausrichtung (oben, mittig, unten) inklusive des dazugehörigen Abstandes, die horizontale Ausrichtung (links, mittig, rechts) inklusive des dazugehörigen Abstandes, der Innenabstand, die Vollflächigkeit der Schaltfläche, der Text der Schaltfläche und ein Icon (Pfeil-nach-rechts & Pfeil-nach-links oder Plus & Minus) festgelegt werden.
Des weiteren können zusätzlich folgende Einstellungen jeweils für die Vorder- und die Rückseite festgelegt werden:
- die Auswahl des Hintergrundbildes
- die Auswahl der Hintergrundausrichtung für das Hintergrundbild
- die Auswahl der Hintergrundabmessung für das Hintergrundbild (contain, cover oder auto)
- die Festlegung der Hintergrundfarbe
Beim Inhaltsbereich der Vorder- und Rückseite stehen ebenso eine Vielzahl an Konfigurationsmöglichkeiten zur Verfügung, dazu gehören:
- die Festlegung der Hintergrundfarbe und der Hover-Hintergrundfarbe des Inhaltsbereichs
- die Festlegung der vertikalen Ausrichtung des Inhaltsbereichs (oben, mittig, unten) und des dazugehörigen Abstandes
- die Festlegung der horizontalen Ausrichtung des Inhaltsbereichs (links, mittig, rechts) und des dazugehörigen Abstandes
- die Festlegung des Innenabstandes des Inhaltsbereichs
- die Festlegung der Vollflächigkeit des Inhaltsbereichs
- die Festlegung der Breite des Inhaltsbereichs, wenn sich der Inhalt beispielsweise über mehrere Zeilen und nicht über die komplette Fläche erstrecken soll
- die Komplettverlinkung der Rückseite
Der Inhalt kann dabei über ein TinyMCE - Feld gepflegt werden, sodass Sie beispielsweise folgende Inhaltselemente im Inhaltsbereich hinterlegen können:
- normalen Text
- Bilder
- Links
- HTML-Elemente
- Überschriften (h1, h2, h3, h4, h5 und h6)
Ebenso kann man über das TinyMCE - Feld beispielsweise den Inhalt zentrieren, formatieren (beispielsweise fett oder kursiv markieren oder unterstreichen) oder auch Links setzen, die Schriftgröße oder auch die Schriftfarbe festlegen.
Hinweise zur App
(1). 30 Tage unverbindlich testen: mit der Testversion können Sie die App 30 Tage kostenfrei und in vollem Umfang direkt in Ihrem Shop einsetzen.
(2). Kompatible Themes: diese App ist zu dem Storefront Theme von Shopware und zu Themes, die von diesem abgeleitet werden, kompatibel. Bei der Nutzung eines Drittanbieter - Themes, das über den Shopware Store erworben wurde, kann der ordnungsgemäße Einsatz der App wie bei jeder anderen Shopware - App nicht garantiert werden.
Details
- Verfügbar in: Englisch, Deutsch
- Zuletzt aktualisiert: 19. Mai 2026
- Veröffentlicht: 8. Januar 2020
- Version: 2.0.1
- Kategorie: Erlebniswelten
Ressourcen
Bewertungen (0)
Über den Extension Partner
digitalwert
Partner Status
-
Shopware
Bronze Partner -
Shopware
Extension Partner
Details
-
Ø-Bewertung:
4.9
Durchschnittliche Bewertung von 4.9 von 5 Sternen
- Partner seit: 2017
- Erweiterungen: 47
- Zertifizierungen: 2
Support
- Land: Germany
- Spricht: Deutsch, Englisch
- Frontend:
- Zur Demo
Installieren Sie die App über das App-Modul und leeren Sie den Cache des Shops, damit die CSS- und JavaScript - Anpassungen ausgeliefert werden.
2.0.1
- nofollow + noopener Tag für externe Links
- cms Blöcke werden bei deinstallation entfernt
2.0.0
Kompatibilität mit Shopware 6.7.*.*
1.0.3
Javascript build durchgeführt, um Fehler im admin Dashboard zu beheben.
1.0.2
Integration der sw-media-list-selection-v2 Komponente und der sw-media-modal-v2 Komponente
1.0.1
In der Block-Kategorie "Text & Bild" gibt es nun zwei eigene CMS Blöcke "2 Spalten, Flipping Card" und "3 Spalten, Flipping Card", um das Platzieren des CMS Elements "Flipping Card" in einer Erlebniswelt noch weiter zu vereinfachen.
1.0.0
Erstveröffentlichung des Plugins.