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

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

by digitalwert (7) Ratings 334 Downloads
Billing options:
To use the wish list, you must accept the necessary cookies. Accept cookies
Can be used in:
Not available
This extension cannot be used in a Shopware Cloud shop.
Cloud
Self-hosted
Support
This Extension Partner responds quickly to support requests
Details
  • digi181154886536m
  • digitalwert
  • 2.0.21
  • 1 Nov 2023
  • de_DE en_GB
  • 5.2.11 – 5.2.27
    5.3.0 – 5.3.7
    5.4.0 – 5.4.6
    5.5.0 – 5.5.10
    5.6.0 – 5.6.10
    5.7.0 – 5.7.19
Contact & Support If you have any questions or suggestions just contact us via mail... more

Product information

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)
Read, write and discuss reviews... more

Customer reviews

Average customer rating from 7 reviews:

Total
Functionality
Usability
Documentation
Support

Prima Plugin, macht was es soll jedoch mit kleinem Schönheitsfehler

14 Jun 2023

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.

Total
Functionality
Usability
Documentation
Support
digitalwert
19 Jun 2023

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

High Speed Support

16 Sep 2019

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.

Total
Functionality
Usability
Documentation
Support

Umfassende Bereicherung der Einkaufswelten

5 Sep 2019

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.

Total
Functionality
Usability
Documentation
Support

netter und hilfreicher Support!

9 Jul 2019

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!

Total
Functionality
Usability
Documentation
Support

Top Plugin

11 Apr 2019

Total
Functionality
Usability
Documentation
Support

Passt

11 Mar 2018

Sehr umfangreich konfigurierbar. Da bleiben (bei uns) keine Wünsche offen.

Support wurde noch nicht benötigt, da alles wie erwartet funktioniert.

Total
Functionality
Usability
Documentation
Support

Perfekt

12 Dec 2017

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!

Total
Functionality
Usability
Documentation
Support

Configuration manual

Install the plugin via the plugin manager and make your desired settings in the plugin configuration. Then empty the cache of the shop and sign up again to the shopware backend if necessary.


You have problems with the installation? We've created a instruction for the plugin ( https://shopwaredemo.digitalwert.de/media/pdf/7f/85/24/Guide_IndividualEmotionBanner.pdf ) that also includes a section called "Trouble Shooting" for solutions to problems that could be arised.


When you reinstall the plugin please note: when you reinstall a plugin, all previous values of the fields in the plugin configuration and above all the created banner elements in the own backend module are automatically deleted. So please create a backup copy of the database table s_core_emotionbannerelement before this action.

Changelog

Version 2.0.21

Fixed Listing bug with banner elements in configuration.

Version 2.0.20

made plugin compatible to shopware version 5.7.*

Version 2.0.19

With this update the configuration of the emotion banner directly in the shopping world element will be removed, so that only the configuration of the emotion banner in the own backend module "Banner elements" is possible and the respective emotion banner can be assigned via the selection field in the shopping world element. As a result, the export process of a shopping world no longer reaches its limits. 


Please transfer the emotion banners from the shopping world element to the backend module "Banner elements" before carrying out the update, because this is not possible automatically.

Version 2.0.18

Optimization of the fields of the plugin's database table.


In a future update of the plugin, the configuration of the emotion banner directly in the shopping world element will be removed, so that only the configuration of the emotion banner in the own backend module "Banner elements" is possible and the respective emotion banner can be assigned via the selection field in the shopping world element. We therefore ask you to transfer the emotion banners from the shopping world element to the own backend module.

Version 2.0.17

You can now define one or more individual CSS classes for each text box in the own backend module.


In a future update of the plugin, the configuration of the emotion banner directly in the shopping world element will be removed, so that only the configuration of the emotion banner in the own backend module "Banner elements" is possible and the respective emotion banner can be assigned via the selection field in the shopping world element. We therefore ask you to transfer the emotion banners from the shopping world element to the own backend module.

Version 2.0.16

Improvement of the reinstall and uninstall routine. Made compatible with Shopware 5.6.

Version 2.0.15

For headlines within the text boxes, the white-space property is now reset to the default value so that the text breaks are be displayed.

Version 2.0.14

The code for the complete linking of a banner has been revised. Furthermore, the text of selected backend snippets has also been corrected and supplemented.

Version 2.0.13

It can now be set individually for each text box, whether the padding is to be applied to the link and not to the text box (if the content contains only this link).
In the vertical position "middle" of a text box, the respective text box no longer overlaps the contents of other text boxes.

Version 2.0.12

There is now another button in the own backend module to copy selected banners into the backend modules of the slider plugins, provided they are installed and activated.

Version 2.0.11

The reading of the checkbox and selection fields has been revised for translations in the shopping world elements.

Version 2.0.10

The shopping world element is now multilingual, as well as the own backend module.

Version 2.0.9

In the own backend module "banner elements" there is now a button for copying banners.

Version 2.0.8

Providing own shopware blocks to customize the template of the plugin in your own theme.

Version 2.0.7

Prepared compatibility with Shopware 5.5.

Version 2.0.6

For a linked banner without text you can now choose whether the title of the link should be used as link text so that no empty link is created.

Version 2.0.5

The font color for the text in the text boxes is now also applied to headlines (h1 to h6).

Version 2.0.4

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

The banner elements can still be configured directly in the shopping world element.

Version 2.0.3

It can now be selected within the plugin configuration whether the fixed shop URL should be removed from the background images.

Version 2.0.2

Optimizing the code for the shopping worlds - mode "rows" for a improved display in this mode.

Version 2.0.1

The shopping world element fields "content textbox 1", "content textbox 2", "content textbox 3" and "content textbox 4" now also have the world globe icon (translatability).

Version 2.0.0

Initial release of the plugin.

About the Extension Partner

digitalwert digitalwert Shopware Extension Partner Shopware Bronze Partner Shopware Extension Partner Shopware Bronze Partner 45 Extensions 5 Ø Rating
Current version:

Version:

€ 12.00* /month
Cancelable monthly

Free trial month

This app starts with a free trial month. The rent can be canceled at any time on a monthly basis or will be automatically renewed at the indicated prices.

Updates and support

To use the wish list, you must accept the necessary cookies. Accept cookies

Recently viewed