Individueller Emotion Banner Slider für die Einkaufswelten (Banner mit frei definierbaren Texten)

Individueller Emotion Banner Slider für die Einkaufswelten (Banner mit frei definierbaren Texten)

l Quelloffen
57 Downloads
Responsive

Version:

39,00 €  * 79,00 €  * (50,63% gespart) Rabatt gültig bis 23.12.18 23:59
ODER erwirb diese Erweiterung in einem Bundle:
Einkaufswelten - Widgets - Bundle Pro
Formulare für die Einkaufswelten und andere Stellen (Shopseiten, Modalboxen, Off-Canvas, uvm.)
Tabs oder aufklappbare Bereiche für die Einkaufswelten (bspw. für FAQs , uvm.)
Individueller Emotion Banner Slider für die Einkaufswelten (Banner mit frei definierbaren Texten)
110,00 €  * Statt 122,00 €  *
Dieser Hersteller reagiert sehr schnell auf Supportanfragen
    digi147881135872
  • 2.0.5
  • 18.09.2018
  • de_DE
  • von digitalwert
  • 5.2.11 – 5.2.27
    5.3.0 – 5.3.7
    5.4.0 – 5.4.6
    5.5.0 – 5.5.4

Bundles

Für die gewählte Variante sind keine Bundles verfügbar. Für Bundle-Angebote wählen Sie bitte eine andere Variante aus.
Einkaufswelten - Widgets - Bundle Pro
Einkaufswelten - Widgets - Bundle Pro
Einkaufswelten - Widgets - Bundle Pro mehr erfahren »
Fenster schließen

Einkaufswelten - Widgets - Bundle Pro

Einkaufswelten - Widgets - Bundle Pro
Formulare für die Einkaufswelten und andere Stellen (Shopseiten, Modalboxen, Off-Canvas, uvm.)
Tabs oder aufklappbare Bereiche für die Einkaufswelten (bspw. für FAQs , uvm.)
Individueller Emotion Banner Slider für die Einkaufswelten (Banner mit frei definierbaren Texten)
110,00 €  * Statt 122,00 €  *

Bundle anzeigen

digitalwert - Agentur für digitale Wertschöpfung GmbH Kontakt & Support Treten Sie... mehr

Produktinformationen

digitalwert - Agentur für digitale Wertschöpfung GmbH

Kontakt & Support

Treten Sie bei Fragen oder Anregungen einfach mit uns über die E-Mail shopware.support@digitalwert.de in Kontakt und wir helfen Ihnen gern weiter.

Das Plugin "Individueller Emotion Banner Slider für die Einkaufswelten (Banner mit frei definierbaren Texten uvm.)" fügt einen Emotion Banner Slider zu den Einkaufswelten - Elementen hinzu, den man wie gewohnt per Drag und Drop auf einer Einkaufswelt beliebig oft platzieren kann. Durch die Erstellung und Konfiguration der Banner Slider Elemente in einem eigenen Backend - Modul können die Banner unabhängig vom Einkaufswelten - Element beliebig oft einem Banner Slider zugewiesen und somit wiederverwendet werden.

Beim Emotion Banner Slider kann man unter anderem auswählen, ob die Navigationspfeile und die Navigation angezeigt werden sollen und ob der Emotion Banner Slider automatisch rotieren soll.

Ebenso kann man das Aussehen der Navigationspfeile (Rechteck, Dreieck, Kreis und ohne Hintergrund / Rahmen) bei jedem Emotion Banner Slider individuell festlegen.

Des Weiteren kann man auch die Scroll- und Rotationsgeschwindigkeit festlegen. Der Emotion Banner Slider ermöglicht derzeit bis zu 20 Banner Slider Elemente, die Sie über ein Auswahlfeld dem Emotion Banner Slider zuordnen können.

Innerhalb des neu erstellten Backend-Moduls "Banner Slider Elemente" unter dem Menüpunkt "Inhalte" können die jeweiligen Banner Slider Elemente erstellt und entsprechend konfiguriert werden, bei der Anzahl der erstellbaren Banner Slider Elemente gibt es keine Begrenzung. Folgende Einstellungen können dabei je Banner Slider Element festgelegt werden:

  • die Auswahl des Modus des Hintergrunds, also ob ein Hintergrundbild oder eine Hintergrundfarbe festgelegt werden soll
  • die Auswahl der Hintergrundposition für das Hintergrundbild
  • die Auswahl der Hintergrundabmessung für das Hintergrundbild (cover, contain oder auto)
  • die Festlegung der Hintergrundfarbe
  • die Festlegung von runden Ecken

Bei jeder der 4 Textboxen eines Banner Slider Elements stehen dabei eine Vielzahl an Konfigurationsmöglichkeiten zur Verfügung, dazu gehören:

  • die Festlegung der Vollflächigkeit der Textbox (die Textbox erstreckt sich somit über 100% der Breite)
  • die Festlegung der vertikalen Position der Textbox (oben, mittig, unten) und des dazugehörigen Außenabstandes
  • die Festlegung der horizontalen Position der Textbox (links, mittig, rechts) und des dazugehörigen Außenabstandes
  • die Festlegung des Innenabstandes der Textbox
  • die Festlegung der Hintergrundfarbe und der Hover-Hintergrundfarbe der Textbox
  • die Festlegung der Schriftfarbe und der Hover-Schriftfarbe der Textbox
  • die Festlegung der Breite der Textbox, wenn sich der Inhalt beispielsweise über mehrere Zeilen und nicht über die komplette Fläche erstrecken soll
  • die Festlegung von runden Ecken für die Textbox.

Der Inhalt der bis zu 4 Textboxen eines Banner Slider Elements kann über ein TinyMCE - Feld gepflegt werden, sodass Sie beispielsweise folgende Inhaltselemente in den Textboxen hinterlegen können:

  • normalen Text
  • Bilder
  • Links
  • HTML-Elemente
  • Überschriften (h1, h2, h3, h4, h5 und h6) über den optional aktivierbaren Erweiterten Editor ("Einstellungen" -> "Benutzerverwaltung" -> Benutzer auswählen -> Haken bei "Erweiterter Editor" setzen) beim TinyMCE - Feld beim Auswahlfeld "Vorlage"
  • Videos (YouTube, Vimeo oder HTML5).

Ebenso kann man über das TinyMCE - Feld beispielsweise den Inhalt zentrieren, formatieren (beispielsweise fett oder kursiv markieren oder unterstreichen) oder auch Links setzen oder die Schriftgröße festlegen.

Zusätzlich hat man die Möglichkeit, das komplette Banner Slider Element auf ein selbst festlegbares Ziel zu verlinken.

Anleitung zum Plugin

Anleitung_IndividuellerEmotionBannerSlider.pdf


Hinweise zum Plugin

(1). Entwickelt nach dem neuen Pluginsystem ab Shopware 5.2.

(2). Kompatibel mit PHP 7.

(3). 30 Tage unverbindlich testen: mit der Testversion können Sie das Plugin 30 Tage kostenfrei und in vollem Umfang direkt in Ihrem Shop einsetzen.

(4). Kompatible Themes: dieses Plugin ist zu dem Responsiven 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 des Plugins wie bei jedem anderen Shopware - Plugin nicht garantiert werden.

(5). Unverschlüsselt: das Plugin wird komplett quelloffen bereitgestellt, Sie benötigen also auch nicht den Lizenz Manager von Shopware und es kann somit problemlos ohne den iOnCube Loader genutzt werden.

(6). Verwendete Einkaufswelten - Modi: die beste Darstellung unseres Plugins erfolgt in den Einkaufswelten - Modi "Resize / Skalierung" und "Fluid / Responsive". Der Einkaufswelten - Modus "Zeilen" wird vom Plugin auch unterstützt, hier hat man zusätzlich noch die Möglichkeit, beim Emotion Banner Slider eine individuelle Höhe festzulegen.


Vorgenommene Konfigurationen im Vorschaubild der Banner Slider Elemente


Banner 1

  • Modus: 0 - Hintergrundbild
  • Ausrichtung des Hintergrundbildes: 8 - rechts unten
  • Runde Ecken (border-radius) aktiv: Nein
  • Textbox 1
  • Anzeigen: Ja
  • Vollflächig: Nein
  • Vertikale Ausrichtung: 0 - oben
  • Außenabstand in Pixeln für die vertikale Ausrichtung: 20
  • Horizontale Ausrichtung: 0 - links
  • Außenabstand in Pixeln für die horizontale Ausrichtung: 20
  • Hintergrundfarbe: #191919
  • Hover-Hintergrundfarbe: #FFFFFF
  • Schriftfarbe: #FFFFFF
  • Hover-Schriftfarbe: #000000
  • Runde Ecken (border-radius) aktiv: Nein
  • Inhalt: Text oben links (mittig ausgerichtet)
  • Textbox 2
  • Anzeigen: Ja
  • Vollflächig: Nein
  • Vertikale Ausrichtung: 0 - oben
  • Außenabstand in Pixeln für die vertikale Ausrichtung: 20
  • Horizontale Ausrichtung: 2 - rechts
  • Außenabstand in Pixeln für die horizontale Ausrichtung: 20
  • Hintergrundfarbe: rgba(25,25,25,0.7)
  • Hover-Hintergrundfarbe: rgba(255,255,255,0.7)
  • Schriftfarbe: #FFFFFF
  • Hover-Schriftfarbe: #000000
  • Runde Ecken (border-radius) aktiv: Nein
  • Inhalt: Text oben rechts (mittig ausgerichtet)
  • Textbox 3
  • Anzeigen: Ja
  • Vollflächig: Nein
  • Vertikale Ausrichtung: 2 - unten
  • Außenabstand in Pixeln für die vertikale Ausrichtung: 20
  • Horizontale Ausrichtung: 0 - links
  • Außenabstand in Pixeln für die horizontale Ausrichtung: 20
  • Hintergrundfarbe: rgba(25,25,25,0.7)
  • Hover-Hintergrundfarbe: rgba(255,255,255,0.7)
  • Schriftfarbe: #FFFFFF
  • Hover-Schriftfarbe: #000000
  • Runde Ecken (border-radius) aktiv: Nein
  • Inhalt: Text unten links (mittig ausgerichtet)
  • Textbox 4
  • Anzeigen: Ja
  • Vollflächig: Nein
  • Vertikale Ausrichtung: 2 - unten
  • Außenabstand in Pixeln für die vertikale Ausrichtung: 20
  • Horizontale Ausrichtung: 2 - rechts
  • Außenabstand in Pixeln für die horizontale Ausrichtung: 20
  • Hintergrundfarbe: #191919
  • Hover-Hintergrundfarbe: #FFFFFF
  • Schriftfarbe: #FFFFFF
  • Hover-Schriftfarbe: #000000
  • Runde Ecken (border-radius) aktiv: Nein
  • Inhalt: Text unten rechts (mittig ausgerichtet)



Banner 2

  • Modus: 1 - Hintergrundfarbe
  • Runde Ecken (border-radius) aktiv: Nein
  • Hintergrundfarbe: #191919
  • Textbox 1
  • Anzeigen: Ja
  • Vollflächig: Ja
  • Vertikale Ausrichtung: 1 - mittig
  • Außenabstand in Pixeln für die vertikale Ausrichtung: 0
  • Horizontale Ausrichtung: 1 - mittig
  • Außenabstand in Pixeln für die horizontale Ausrichtung: 0
  • Hintergrundfarbe: rgba(239,239,239,0.7)
  • Schriftfarbe: #000000
  • Runde Ecken (border-radius) aktiv: Nein
  • Inhalt: KAUF 3 ZAHL 2 (mittig ausgerichtet auf zwei Zeilen)
  • Textbox 2
  • Anzeigen: Ja
  • Vollflächig: Nein
  • Vertikale Ausrichtung: 2 - unten
  • Außenabstand in Pixeln für die vertikale Ausrichtung: 20
  • Horizontale Ausrichtung: 2 - rechts
  • Außenabstand in Pixeln für die horizontale Ausrichtung: 20
  • Hintergrundfarbe: #EFEFEF
  • Hover-Hintergrundfarbe: #980a88
  • Schriftfarbe: #000000
  • Hover-Schriftfarbe: #FFFFFF
  • Runde Ecken (border-radius) aktiv: Ja
  • Runde Ecken (border-radius) in Pixeln: 5
  • Inhalt: Mehr erfahren (mittig ausgerichtet mit Verlinkung)



Banner 3

  • Modus: 1 - Hintergrundfarbe
  • Runde Ecken (border-radius) aktiv: Nein
  • Hintergrundfarbe: #980a88
  • Textbox 1
  • Anzeigen: Ja
  • Vollflächig: Nein
  • Vertikale Ausrichtung: 0 - oben
  • Außenabstand in Pixeln für die vertikale Ausrichtung: 20
  • Horizontale Ausrichtung: 2 - rechts
  • Außenabstand in Pixeln für die horizontale Ausrichtung: 20
  • Hintergrundfarbe: #EFEFEF
  • Hover-Hintergrundfarbe: #191919
  • Schriftfarbe: #000000
  • Hover-Schriftfarbe: #FFFFFF
  • Runde Ecken (border-radius) aktiv: Ja
  • Runde Ecken (border-radius) in Pixeln: 5
  • Inhalt: News: Lorem ipsum (mittig ausgerichtet mit Verlinkung)
  • Textbox 2
  • Anzeigen: Ja
  • Vollflächig: Ja
  • Vertikale Ausrichtung: 2 - unten
  • Außenabstand in Pixeln für die vertikale Ausrichtung: 20
  • Horizontale Ausrichtung: 1 - mittig
  • Außenabstand in Pixeln für die horizontale Ausrichtung: 0
  • Hintergrundfarbe: rgba(25,25,25,0.7)
  • Schriftfarbe: #FFFFFF
  • Breite in: 1 - %
  • Breite: 92
  • Runde Ecken (border-radius) aktiv: Nein
  • Inhalt: Newstext (mittig ausgerichtet)


Banner 4

  • Modus: 0 - Hintergrundbild
  • Ausrichtung des Hintergrundbildes: 0 - links oben
  • Runde Ecken (border-radius) aktiv: Nein
  • Textbox 1
  • Anzeigen: Ja
  • Vollflächig: Nein
  • Vertikale Ausrichtung: 0 - oben
  • Außenabstand in Pixeln für die vertikale Ausrichtung: 20
  • Horizontale Ausrichtung: 2 - rechts
  • Außenabstand in Pixeln für die horizontale Ausrichtung: 20
  • Innenabstand (padding): 1rem
  • Hintergrundfarbe: #191919
  • Hover-Hintergrundfarbe: #980a88
  • Schriftfarbe: #FFFFFF
  • Hover-Schriftfarbe: #FFFFFF
  • Runde Ecken (border-radius) aktiv: Ja
  • Runde Ecken (border-radius) in Pixeln: 40
  • Inhalt: Sale 14,95 € (mittig ausgerichtet über zwei Zeilen)
  • Textbox 2
  • Anzeigen: Ja
  • Vollflächig: Nein
  • Vertikale Ausrichtung: 2 - unten
  • Außenabstand in Pixeln für die vertikale Ausrichtung: 20
  • Horizontale Ausrichtung: 2 - rechts
  • Außenabstand in Pixeln für die horizontale Ausrichtung: 20
  • Innenabstand (padding): 0.5rem 0.75rem 0.5rem 0.75rem
  • Hintergrundfarbe: #191919
  • Hover-Hintergrundfarbe: #980a88
  • Schriftfarbe: #FFFFFF
  • Hover-Schriftfarbe: #FFFFFF
  • Runde Ecken (border-radius) aktiv: Ja
  • Runde Ecken (border-radius) in Pixeln: 5
  • Inhalt: Zum Artikel (mittig ausgerichtet mit Verlinkung)
Bewertungen lesen, schreiben und diskutieren... mehr

Kundenbewertungen

Installationsanleitung

Installieren Sie das Plugin über den Plugin-Manager und leeren Sie anschließend den Cache des Shops und melden Sie sich gegebenenfalls im Shopware Backend neu an.


Sie haben Probleme bei der Installation? Wir haben eine Anleitung zum Plugin erstellt, die auch einen Bereich "Problembehebungen" enthält, wo Lösungen für auftretende Probleme beschrieben sind.

Änderungen

Version 2.0.5

Es kann nun beim Banner Slider Element die Abmessung des Hintergrundbildes (background-size "cover", "contain" oder "auto") ausgewählt werden.

Version 2.0.4

Kompatibilität mit Shopware 5.5 hergestellt.

Version 2.0.3

Man kann nun bei einem verlinkten Banner ohne Text auswählen, ob der Titel des Links als Linktext verwendet werden soll, damit kein leerer Link entsteht.
Des Weiteren kann man nun auch beim Emotion Banner Slider das Aussehen der Navigationspfeile (Rechteck, Dreieck, Kreis und ohne Hintergrund) festlegen.

Version 2.0.2

Dieses Update behebt den allgemeinen Shopware - Fehler, das bei Banner - Elementen ein margin-bottom - Wert von 110 Pixeln in der Auflösung tabletLandscapeViewportWidth gesetzt wird.

Version 2.0.1

Die Schriftfarbe für den Text in den Textboxen wird nun auch auf Überschriften angewendet (h1 bis h6). Zusätzlich hat man die Möglichkeit, das komplette Banner Slider Element auf ein selbst festlegbares Ziel zu verlinken.

Version 2.0.0

Erstveröffentlichung des Plugins.

Infos zum Hersteller

Shopware Business Partner
Shopware Business Partner
2 Zertifizierungen
Partner 0 Developer 0 Developer Advanced 0 Template Designer 1 Template Developer 1
34 Erweiterungen
15 4 0
5 Ø-Bewertung

Version:

39,00 €  * 79,00 €  * (50,63% gespart) Rabatt gültig bis 23.12.18 23:59

Zuletzt angesehen