Zum Hauptinhalt springen Zur Suche springen Zur Hauptnavigation springen
An international version is available for our store.
digitalwert

Drehendes Element / Flipping Card für eine Erlebniswelt

Bewertung: keine Bewertung ( Bewertung schreiben )
Downloads: <50

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.

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)

Bewertung schreiben

Wenn du diese Erweiterung heruntergeladen hast, kannst du diese im Shopware Account bewerten.

Bewertung schreiben

Über den Extension Partner

Partner Status

  • Shopware Bronze Partner Shopware
    Bronze Partner
  • Shopware Extension 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
Shopware 6 zertifiziert Dieser Extension Partner wurde von unserer Academy für Shopware 6 zertifiziert.