Emotionworld Elements Plugin

Das Guppy Emotionworld Elements Plugin erweitert die Erlebniswelten von Shopware 6 mit neuen, flexiblen Elementen, die individuell angepasst werden können. Es bietet zudem eine einfache Bedienung im Admin-Panel. Bei der Entwicklung des Plugins wurde großer Wert auf Barrierefreiheit gelegt, um eine optimale Nutzung für alle Benutzer zu gewährleisten.

Zum Plugin

Verfügbare Elemente

Accordion

Accordions sind ideal, um Inhalte platzsparend und übersichtlich zu präsentieren. Sie ermöglichen eine interaktive Darstellung mehrerer Informationen, ohne die Seite zu überladen. Perfekt, um Fragen oder Details klar und benutzerfreundlich anzuzeigen.

Das bietet das Accordion:

• Platzsparende Inhalte anzeigen: Organisiere Inhalte kompakt und übersichtlich.
• Modernes Aussehen: Verleihe deiner Website einen professionellen und zeitgemäßen Look.
• Bootstrap- & Shopware-Standard: Nutzt bewährte Standards für einfache Integration und zuverlässige Funktion.
• Barrierefreiheit: Sorgt für eine zugängliche Nutzung, auch mit Tastatur und Screenreader.
• Beliebig viele Elemente hinzufügen: Füge flexibel Fragen und Antworten oder Details hinzu.

Banner

Banner sind ideal, wenn du eine klare, fokussierte Botschaft präsentieren möchtest und eine statische, leicht zugängliche Darstellung bevorzugst.

Das bieten die Banner:

• 5 Kombinationen: Nutze verschiedene Blöcke für unterschiedliche Präsentationsstile.
• Frei wählbare Hintergründe: Wähle individuelle Hintergründe, die deine Inhalte optimal unterstützen.
• Inhalte in den Vordergrund stellen: Präsentiere zentrale Botschaften oder Angebote klar und deutlich.
• Flexible Gestaltung: Passe die Banner an deine Bedürfnisse an, von der Farbgebung bis zu den Textformatierungen.
• Overlay für bessere Lesbarkeit: Setze ein Overlay über das gesamte Bild oder nur über den Text, um die Lesbarkeit zu verbessern.
• Bis zu 2 Call-to-Action-Buttons: Füge bis zu zwei Handlungsaufforderungen hinzu, um die Interaktion zu fördern.

Category Card

Die Category Card ermöglicht es, Kategorien effektiv hervorzuheben und lenkt die Nutzer gezielt zu wichtigen Inhalten, wodurch die Benutzerführung auf deiner Seite verbessert wird.

Das bietet die Category Card:

• In Kombination mit dem DmfCustomGrids Plugin: Flexibyel verschiedene Kategorien nebeneinander darstellen.
• Kategorien highlighten: Wichtige Kategorien gezielt hervorheben.
• Barrierefreiheit & Tastaturnavigation: Bietet eine zugängliche und benutzerfreundliche Navigation.
• Kategoriebild & Name anzeigen: Zeigt sowohl das Kategoriebild als auch den Namen an.
• Primärfarbe als Akzent: Verwendet standardmäßig die Primärfarbe für visuelle Akzente.

Category-Slider

Der Category Slider hebt deine Kategorien visuell hervor und sorgt mit interaktiver Benutzerführung und barrierefreier Navigation für eine moderne und ansprechende Präsentation deiner Inhalte.

Das bietet der Category-Slider:

• Kategorien in Szene setzen: Präsentiert deine Kategorien in einem modernen, dynamischen Slider.
• Category Card als Basis: Nutzt die bewährte Category Card als Grundlage für die Slider-Darstellung.
• Barrierefreiheit & Tastaturnavigation: Sorgt für eine zugängliche und benutzerfreundliche Navigation.

Hero-Slider

Hero-Slider eignen sich, wenn du mehrere Informationen dynamisch und interaktiv präsentieren möchtest, um die Aufmerksamkeit der Nutzer zu gewinnen und die Benutzererfahrung zu steigern.

Das bietet der Hero-Slider:

• Wichtige Inhalte hervorheben: Zeige zentrale Botschaften, Aktionen oder Produkte direkt im sichtbaren Bereich.
• Mehrere Inhalte präsentieren: Stelle verschiedene Highlights kompakt und ansprechend dar.
• Einen Blickfang schaffen: Ziehe die Aufmerksamkeit der Nutzer mit beeindruckenden Bildern und Animationen auf dich.
• Benutzerfreundliche Interaktion bieten: Lass Nutzer Inhalte einfach durchklicken oder automatisch durchlaufen.
• Den ersten Eindruck verbessern: Verleihe deiner Website eine moderne und dynamische Optik.
• Aufmerksamkeit gezielt lenken: Führe Besucher zu wichtigen Bereichen wie Angeboten oder neuen Produkten.

Text-Bild-Slider

Der Text-Bild-Slider ermöglicht es, Inhalte visuell und textuell zu kombinieren, mit flexibler Anpassung und einer klaren Handlungsaufforderung für die Nutzer.

Das bietet der Text-Bild-Slider:

• Bild und Text kombinieren: Zeigt pro Slide ein Bild mit dazugehörigem Text darunter.
• Individuell anpassbar: Passe an, was du im Slider darstellen möchtest, z. B. Blogeinträge oder Produkte.
• Call-to-Action-Button: Integriere einen Button, um Nutzer zu weiteren Aktionen zu leiten.
• Dynamische Präsentation: Biete eine interaktive und ansprechende Möglichkeit, Inhalte zu präsentieren.