Diese Seite ist auch auf Deutsch verfügbar.
Skip to main content
digitalwert

Individual emotion banner for the shopping worlds (with freely definable texts etc.)

Rating: 4.8

Average rating of 4.7 out of 5 stars

(7 Reviews)
Downloads: 334

Description

Highlights

  • das Erstellen und Konfigurieren der Banner Elemente in einem eigenen Backend - Modul, um diese beliebig oft wiederverwenden zu können
  • das Befüllen von bis zu 4 Textboxen an verschiedenen Positionen über ein TinyMCE - Feld
  • das Festlegen eines Hintergrundbildes oder einer Hintergrundfarbe
  • eigene Shopware - Blöcke, um das Plugin updatesicher im eigenen Theme anpassen oder erweitern zu können

About the Extension

Contact & Support

If you have any questions or suggestions just contact us via mail shopware.support@digitalwert.de and we are happy to help you. A instructions for the plugin can be found at: https://shopwaredemo.digitalwert.de/media/pdf/7f/85/24/Guide_IndividualEmotionBanner.pdf .

Description of the plugin

The plugin "Individual emotion banner for the shopping worlds (with freely definable texts etc.)" adds an emotion banner to the shopping world elements, which you can place as usual by dragging and dropping on a shopping world as often as you like. By creating and configuring the banner elements in a separate backend module, the banners can be reused as often as desired independent of the shopping world element.

For an emotion banner slider we have developed another plugin: https://store.shopware.com/digi147881135872/individueller-emotion-banner-slider-fuer-die-einkaufswelten-banner-mit-frei-definierbaren-texten.html .

Within the newly created backend module "Banner elements" under the "Content" menu item, the respective banner elements can be created and configured accordingly. There is no limit to the number of banner elements that can be created. 

The emotion banner offers a multitude of configuration options. For example, you can select for the background whether a background image or a background color should be specified. For the background image the background position can also be selected. You also have the opportunity to provide the emotion banner with round corners.

In addition, it is possible to place up to 4 text boxes on the emotion banner on different positions and fill them with a TinyMCE field with the desired content.

Each of the 4 text boxes has a variety of configuration options, including:

  • the definition of the full size of the text box (the text box covers 100% of the width of the emotion banner)
  • the definition of the vertical position of the text box (top, middle, bottom) and the associated outer distance
  • the definition of the horizontal position of the text box (left, middle, right) and the associated outer distance
  • the definition of the inner distance of the text box
  • the definition of whether the inner distance should be transferred to the link and not to the text box (if the content contains only this link)
  • the definition of the background color and the hover background color of the text box
  • the definition of the font color and the hover font color of the text box
  • the definition of the width of the text box, when the contents are to extend, for example, over several lines and not over the entire width
  • the definition of round corners for the text box.

The content of the up to 4 text boxes of a banner element can be maintained via a TinyMCE field, so that you can, for example, set the following content elements in the text boxes:

  • normal text
  • images
  • links
  • HTML elements
  • headlines (h1, h2, h3, h4, h5 and h6) via the optionally activated advanced editor ("Configuration" -> "User administration" -> select a user -> check "extended editor") in the TinyMCE field and the selection field " Format"
  • Videos (YouTube, Vimeo or HTML5).

Using the TinyMCE field, you can customize the content of the text boxes according to your own wishes. For example, you can center the content, format it (for example, highlight or underline it in bold or italics), set links or set the font size.

In addition, you have the opportunity to link the entire emotion banner to a self-determined target.

Informations about the plugin

(1). Developed according to the new plugin system from shopware 5.2.

(2). Compatible with PHP 7.

(3). Test for 30 days without obligation: with the trial version you can use the plugin for 30 days free of charge and in full directly in your shop.

(4). Compatible themes: this plugin is compatible with the Responsive theme from shopware and themes derived from it. When using a third party theme, which was purchased through the shopware store, the proper use of the plugin can not be guaranteed as with any other shopware plugin. 

(5). Unencrypted: the plugin is provided completely open source, so you do not need the license manager from shopware and it can therefore be used without problems without the iOnCube Loader.

(6). Own shopware blocks: the plugin provides its own shopware blocks so you be able to adapt or extend the plugin update safe in your own theme. The names of the corresponding own shopware blocks can be found in the instructions: https://shopwaredemo.digitalwert.de/media/pdf/7f/85/24/Guide_IndividualEmotionBanner.pdf .

(7). used shopping worlds modes: the best representation of our plugin you get in the shopping worlds modes "Resize / Scaling" and "Fluid / Responsive". The shopping worlds mode "Rows" is also supported by the plugin, here you also have the option to set an individual height for the emotion banner.

(8). translatable fields in the shopping world element: all technically possible fields are translatable in the shopping world element (globe icon), this includes above all the selection field for the selection of the banner.

selected configurations in the preview image of the image slider

Emotion Banner 1 (https://shopwaredemo.digitalwert.de/media/image/12/1f/df/Individualemotionbanner1.png) from image 1 in the image slider above:

  • mode: Hintergrundbild
  • alignment of the background image: rechts unten
  • active round corners (border-radius): no
  • show text box 1: yes
  • fullsize text box 1: no
  • vertical orientation of the text box 1: oben
  • outer distance in pixels for the vertical orientation of the text box 1: 20
  • horizontal orientation of the text box 1: links
  • outer distance in pixels for the horizontal orientation of the text box 1: 20
  • background color text box 1: #191919
  • hover background color text box 1: #FFFFFF
  • font color text box 1: #FFFFFF
  • hover font color text box 1: #000000
  • active round corners (border-radius) for text box 1: no
  • content text box 1: Text oben links (mittig ausgerichtet über den TinyMCE - Editor)
  • show text box 2: yes
  • fullsize text box 2: no
  • vertical orientation of the text box 2: oben
  • outer distance in pixels for the vertical orientation of the text box 2: 20
  • horizontal orientation of the text box 2: rechts
  • outer distance in pixels for the horizontal orientation of the text box 2: 20
  • background color text box 2: rgba(25,25,25,0.7)
  • hover background color text box 2: rgba(255,255,255,0.7)
  • font color text box 2: #FFFFFF
  • hover font color text box 2: #000000
  • active round corners (border-radius) for text box 2: no
  • content text box 2: Text oben rechts (mittig ausgerichtet über den TinyMCE - Editor)
  • show text box 3: yes
  • fullsize text box 3: no
  • vertical orientation of the text box 3: unten
  • outer distance in pixels for the vertical orientation of the text box 3: 20
  • horizontal orientation of the text box 3: links
  • outer distance in pixels for the horizontal orientation of the text box 3: 20
  • background color text box 3: rgba(25,25,25,0.7)
  • hover background color text box 3: rgba(255,255,255,0.7)
  • font color text box 3: #FFFFFF
  • hover font color text box 3: #000000
  • active round corners (border-radius) for text box 3: no
  • content text box 3: Text unten links (mittig ausgerichtet über den TinyMCE - Editor)
  • show text box 4: yes
  • fullsize text box 4: no
  • vertical orientation of the text box 4: unten
  • outer distance in pixels for the vertical orientation of the text box 4: 20
  • horizontal orientation of the text box 4: rechts
  • outer distance in pixels for the horizontal orientation of the text box 4: 20
  • background color text box 4: #191919
  • hover background color text box 4: #FFFFFF
  • font color text box 4: #FFFFFF
  • hover font color text box 4: #000000
  • active round corners (border-radius) for text box 4: no
  • content text box 3: Text unten rechts (mittig ausgerichtet über den TinyMCE - Editor)

Emotion Banner 2 (https://shopwaredemo.digitalwert.de/media/image/76/3a/ca/Individualemotionbanner2.png) from image 1 in the image slider above:

  • mode: Hintergrundfarbe
  • active round corners (border-radius): no
  • background color as hexcode: #191919
  • show text box 1: yes
  • fullsize text box 1: yes
  • vertical orientation of the text box 1: mittig
  • outer distance in pixels for the vertical orientation of the text box 1: 0
  • horizontal orientation of the text box 1: mittig
  • outer distance in pixels for the horizontal orientation of the text box 1: 0
  • background color text box 1: rgba(239,239,239,0.7)
  • font color text box 1: #000000
  • active round corners (border-radius) for text box 1: no
  • content text box 1: KAUF 3 ZAHL 2 (mittig ausgerichtet auf zwei Zeilen über den TinyMCE - Editor)
  • show text box 2: yes
  • fullsize text box 2: no
  • vertical orientation of the text box 2: unten
  • outer distance in pixels for the vertical orientation of the text box 2: 20
  • horizontal orientation of the text box 2: rechts
  • outer distance in pixels for the horizontal orientation of the text box 2: 20
  • background color text box 2: #EFEFEF
  • hover background color text box 2: #980a88
  • font color text box 2: #000000
  • hover font color text box 2: #FFFFFF
  • active round corners (border-radius) for text box 2: yes
  • round corners (border-radius) in pixels for text box 2: 5
  • content text box 2: Mehr erfahren (mittig ausgerichtet mit Verlinkung über den TinyMCE - Editor)

Emotion Banner 3 (https://shopwaredemo.digitalwert.de/media/image/4a/df/95/Individualemotionbanner3.png) from image 1 in the image slider above:

  • mode: Hintergrundfarbe
  • active round corners (border-radius): no
  • background color as hexcode: #980a88
  • show text box 1: yes
  • fullsize text box 1: no
  • vertical orientation of the text box 1: oben
  • outer distance in pixels for the vertical orientation of the text box 1: 20
  • horizontal orientation of the text box 1: rechts
  • outer distance in pixels for the horizontal orientation of the text box 1: 20
  • background color text box 1: #EFEFEF
  • hover background color text box 1: #191919
  • font color text box 1: #000000
  • hover font color text box 1: #FFFFFF
  • active round corners (border-radius) for text box 1: yes
  • round corners (border-radius) in pixels for text box 2: 5
  • content text box 1: News: Lorem ipsum (mittig ausgerichtet mit Verlinkung über den TinyMCE - Editor)
  • show text box 2: yes
  • fullsize text box 2: yes
  • vertical orientation of the text box 2: unten
  • outer distance in pixels for the vertical orientation of the text box 2: 20
  • horizontal orientation of the text box 2: mittig
  • outer distance in pixels for the horizontal orientation of the text box 2: 0
  • background color text box 2: rgba(25,25,25,0.7)
  • font color text box 2: #FFFFFF
  • width for text box 2 in: %
  • width for text box 2: 93
  • active round corners (border-radius) for text box 2: no
  • content text box 2: Newstext (mittig ausgerichtet über den TinyMCE - Editor)

Emotion Banner 4 (https://shopwaredemo.digitalwert.de/media/image/35/d3/28/Individualemotionbanner4.png) from image 1 in the image slider above:

  • mode: Hintergrundbild
  • alignment of the background image: links oben
  • active round corners (border-radius): no
  • background color as hexcode: #980a88
  • show text box 1: yes
  • fullsize text box 1: no
  • vertical orientation of the text box 1: oben
  • outer distance in pixels for the vertical orientation of the text box 1: 20
  • horizontal orientation of the text box 1: rechts
  • outer distance in pixels for the horizontal orientation of the text box 1: 20
  • inner distance (padding) of text box 1: 1rem
  • background color text box 1: #191919
  • hover background color text box 1: #980a88
  • font color text box 1: #FFFFFF
  • hover font color text box 1: #000000
  • active round corners (border-radius) for text box 1: yes
  • round corners (border-radius) in pixels for text box 1: 40
  • content text box 1: Sale 14,95 € (mittig ausgerichtet über zwei Zeilen über den TinyMCE - Editor)
  • show text box 2: yes
  • fullsize text box 2: yes
  • vertical orientation of the text box 2: unten
  • outer distance in pixels for the vertical orientation of the text box 2: 20
  • horizontal orientation of the text box 2: rechts
  • outer distance in pixels for the horizontal orientation of the text box 2: 20
  • inner distance (padding) of text box 2: 0.5rem 0.75rem 0.5rem 0.75rem
  • background color text box 2: #191919
  • hover background color text box 2: #980a88
  • font color text box 2: #FFFFFF
  • hocer font color text box 2: #FFFFFF
  • active round corners (border-radius) for text box 2: yes
  • round corners (border-radius) in pixels for text box 2: 5
  • content text box 2: Zum Artikel (mittig ausgerichtet mit Verlinkung über den TinyMCE - Editor)

Details

  • Available: English, German
  • Latest update: 1 November 2023
  • Publication date: 16 October 2017
  • Version: 2.0.21
  • Category: Shopping Experiences

Resources

Reviews (7)

Average rating
4.8

Average rating of 4.7 out of 5 stars

Based on 7 reviews
4.9 Functionality
5.0 Usability
4.6 Documentation
4.4 Support

86 %
14 %
0 %
0 %
0 %

Leave a review!

If you downloaded this extension you can write a review in the Shopware Account.

Write a review
netter und hilfreicher Support!
5.0

Average rating of 5 out of 5 stars

by Getzoo.de
9 July 2019 11:20
Das Plugin macht was es soll, und verbindet Bild mit Text wunderbar zusammen. So hat man SEO technisch eine schöne Möglichkeit, ansprechend dem Kunden seine Produkte oder Kategorien darzustellen. Klare Kaufempfehlung von mir!
5.0 Functionality
5.0 Usability
5.0 Documentation
5.0 Support
Umfassende Bereicherung der Einkaufswelten
5.0

Average rating of 5 out of 5 stars

by Jens Wöltjen
5 September 2019 00:11
Selten schreibe ich Bewertungen zu Plugins, denn in den Beschreibungen ist meistens die umfassende Funktionalität beschrieben.
Auch bei diesem Plugin ist das der Fall. Mit ein wenig Kreativität lassen sich hier wirklich mächtige Banner bzw. individueller Content inkl. gut gelöster Internationalisierung erstellen.
Aber darum geht es in dieser Bewertung nicht, denn die Funktionalität erwarte ich im Grundsatz der Beschreibung.
Herauszustellen ist der Support!
Wir hatten eine nicht aktuelle Version des Plugins am laufen, welche Probleme bei der Übersetzung innerhalb des Plugins hatte. Dies sollte nach Update behoben sein. Das Update über den Plugin Manager auf die aktuelle Version verlief leider nicht fehlerfrei. Nach Update war das Plugin nicht nutzbar.
Das habe ich dem Hersteller über das Shopware Ticketsystem inkl. der Fehlermeldung mitgeteilt.
Das Ticketsystem zeigt eine Antwortzeit von 4 Tagen an.
Die Antwort mit kompetenten Vorschlägen zur Problemlösung war nach 10 Minuten da! Über das Ticket wurden Nachfragen zur Problemlösung nach wenigen Minuten beantwortet. Schlußendlich wurde der Fehler nach Bereistellung der Zugangsdaten umgehend behoben.
Vielen Dank nochmal an Sebastian Schreier, bekannt im Forum unter "sschreier" für diese außergewöhnlicher Supporterfahrung.
5.0 Functionality
5.0 Usability
3.0 Documentation
5.0 Support
Passt
5.0

Average rating of 5 out of 5 stars

by Shopbetreiber
11 March 2018 12:04
Sehr umfangreich konfigurierbar. Da bleiben (bei uns) keine Wünsche offen.

Support wurde noch nicht benötigt, da alles wie erwartet funktioniert.
5.0 Functionality
5.0 Usability
5.0 Documentation
5.0 Support
High Speed Support
5.0

Average rating of 5 out of 5 stars

by Dwayne Hicks
16 September 2019 09:18
Kennt man ja: Man installiert was (in unserem Fall ein Upgrade) und irgendwas funktioniert nicht so wie es soll.
Und wann passiert so etwas: Freitag 15:00 Uhr.
Tja, und was soll ich sagen: Es kommt doch tatsächlich direkt 10 Minuten später eine brauchbare Support Antwort mit Lösung !
Top.
5.0 Functionality
5.0 Usability
5.0 Documentation
5.0 Support
Top Plugin
5.0

Average rating of 5 out of 5 stars

by Manuel
11 April 2019 17:56
-
5.0 Functionality
5.0 Usability
5.0 Documentation
5.0 Support
Perfekt
5.0

Average rating of 5 out of 5 stars

by Franz Heimpel
12 December 2017 00:12
Das Plugin ist sehr mächtig und erfüllt genau unseren Zweck.
Die Unterstützung war perfekt und superschnell - sogar eine von uns angeregte Zusatzfunktion wurde sofort per Update integriert.
Prima!
5.0 Functionality
5.0 Usability
5.0 Documentation
5.0 Support
Prima Plugin, macht was es soll jedoch mit kleinem Schönheitsfehler
3.5

Average rating of 3.5 out of 5 stars

by Anke Blum
14 June 2023 10:16
Ich bin mit dem Plugin im Allgemeinen zufrieden. Es gibt jedoch eine kleine Macke, weshalb ich einen Stern abgezogen habe.
Möchte man in den Einkaufswelten ein neues oder gespeichertes Emotion Banner bearbeiten, erscheint die Fehlermeldung "500 - Internal Server Errror". Außerdem ist die Pulldown-Liste für die Bannerauswahl leer. Das bedeutet, ein Banner kann nicht daraus ausgewählt, sondern muss als Zahlenwert eingegeben werden. Welches wiederum voraussetzt, dass man sich die Banner mit den entsprechenden Nummern gemerkt oder händisch eine Liste erstellt hat.
Ich weiß nicht ob dieses Problem ein Generelles ist oder nur bei mir auftritt. Eine Lösung wäre sehr hilfreich und würde die Arbeit mit dem Plugin erheblich erleichtern.
Für den Support kann ich keine Bewertung abgeben weil ich ihn noch nicht kontaktiert habe. Der eine Stern ist erforderlich um die Bewertung abschicken zu können.
4.0 Functionality
5.0 Usability
4.0 Documentation
1.0 Support
by digitalwert 19 June 2023 15:34
Hallo Anke,

vielen Dank für dein Feedback und die Fehlerbeschreibung. Kannst du mir bitte sagen, in welcher Shopware Version der Fehler auftritt? Dann versuche ich diesen nachzustellen und werde ihn selbstverständlich beheben.

lg

About the Extension Partner

Partner Status

  • Shopware Bronze Partner Shopware
    Bronze Partner
  • Shopware Extension Partner Shopware
    Extension Partner

Details

  • Ø-Rating: 4.9

    Average rating of 4.9 out of 5 stars

  • Partner since: 2017
  • Extensions: 46

Support

  • Based in: Germany
  • Speaks: German, English
  • Response time: Quickly