# Banner mit Überblendeffekt bei sw 3.5.4
**URL:** https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318
**Category:** Shopware 3.5
**Tags:** templates--design
**Created:** [27. Juni 2011 um 16:40 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318 "2011-06-27T16:40:48Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@RobertW](https://forum.shopware.com/u/RobertW)
#### Post date: [27. Juni 2011 um 16:40 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/1 "2011-06-27T16:40:48Z")
Hallo, ist es möglich, bei der aktuellen Shopware-Version einen Überblendeffekt für die Banner einzustellen. Habe nur das hier gefunden: [http://wiki.shopware.de/Ueberblendeffekt-fuer-Kategorie-Banner\_detail\_346.html](http://wiki.shopware.de/Ueberblendeffekt-fuer-Kategorie-Banner%5C_detail%5C_346.html), ist aber nicht aktuell.
---
### Author:  [@avenger](https://forum.shopware.com/u/avenger)
#### Post date: [27. Juni 2011 um 17:28 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/2 "2011-06-27T17:28:51Z")
[quote=“RobertW”]Hallo, ist es möglich, bei der aktuellen Shopware-Version einen Überblendeffekt für die Banner einzustellen. Habe nur das hier gefunden: [http://wiki.shopware.de/Ueberblendeffekt-fuer-Kategorie-Banner\_detail\_346.html](http://wiki.shopware.de/Ueberblendeffekt-fuer-Kategorie-Banner%5C_detail%5C_346.html), ist aber nicht aktuell.[/quote] Der jetzt verwendete Slider kann nur sliden, nicht faden… Dazu muss man einen anderen Slider/Fader verwenden
---
### Author:  [@RobertW](https://forum.shopware.com/u/RobertW)
#### Post date: [27. Juni 2011 um 18:47 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/3 "2011-06-27T18:47:51Z")
[quote=“avenger”][quote=“RobertW”]Hallo, ist es möglich, bei der aktuellen Shopware-Version einen Überblendeffekt für die Banner einzustellen. Habe nur das hier gefunden: [http://wiki.shopware.de/Ueberblendeffekt-fuer-Kategorie-Banner\_detail\_346.html](http://wiki.shopware.de/Ueberblendeffekt-fuer-Kategorie-Banner%5C_detail%5C_346.html), ist aber nicht aktuell.[/quote] Der jetzt verwendete Slider kann nur sliden, nicht faden… Dazu muss man einen anderen Slider/Fader verwenden[/quote] Vielen Dank für den Hinweis. Wäre eigentlich ein nützliches Feature, da je nach Thema/Aktion das Überblenden geeigneter ist als das Schieben. Hab mal ein Feature-Ticket eröffnet.
---
### Author:  [@mueslidepot](https://forum.shopware.com/u/mueslidepot)
#### Post date: [27. Juni 2011 um 18:53 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/4 "2011-06-27T18:53:14Z")
Hi, fände ich als Alternative auch wünschenswert. Der Slider bringt schon etwas Hektik in die Seite. Na dann… Gruß Peter
---
### Author:  [@taaucher](https://forum.shopware.com/u/taaucher)
#### Post date: [27. Juni 2011 um 20:11 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/5 "2011-06-27T20:11:35Z")
Vielleicht findet ja mal jemand die Zeit den Nivo Slider als Plugin zu integrieren.
---
### Author:  [@abstrakt](https://forum.shopware.com/u/abstrakt)
#### Post date: [27. Juni 2011 um 21:00 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/6 "2011-06-27T21:00:16Z")
evtl. mal mit nem gif probieren, in dem die einzelnen Bilder ein und ausgeblendet werden. Funktioniert sehr gut. lg Guido
---
### Author:  [@ottscho](https://forum.shopware.com/u/ottscho)
#### Post date: [27. Juni 2011 um 21:30 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/7 "2011-06-27T21:30:52Z")
Der Nivo Slider einbinden ist eig. keine große Sache. Ich mein ich habe mal eine Anleitung gelesen. Avenger, die war glaube sogar von dir… 😉 Ich finde nur leider den Beitrag gerade nicht.
---
### Author:  [@Christian](https://forum.shopware.com/u/Christian)
#### Post date: [27. Juni 2011 um 21:33 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/8 "2011-06-27T21:33:56Z")
[quote=“ottscho”]Der Nivo Slider einbinden ist eig. keine große Sache. Ich mein ich habe mal eine Anleitung gelesen. Avenger, die war glaube sogar von dir… 😉 Ich finde nur leider den Beitrag gerade nicht.[/quote] Hier ist der Beitrag: [plugins-erweiterungen-f20/wunsch-nivo-slider-als-plugin-t2704.html?hilit=nivo#p14871](http://forum.shopware.de/plugins-erweiterungen-f20/wunsch-nivo-slider-als-plugin-t2704.html?hilit=nivo#p14871) Der Nivo-Slider als Plugin wäre ein Traum! 🙂
---
### Author:  [@ottscho](https://forum.shopware.com/u/ottscho)
#### Post date: [27. Juni 2011 um 22:13 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/9 "2011-06-27T22:13:15Z")
@Frank Die Slider(Bilder) lassen sich direkt über das Backend einbinden. So wie in dem Thread beschrieben.
---
### Author:  [@taaucher](https://forum.shopware.com/u/taaucher)
#### Post date: [28. Juni 2011 um 07:17 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/10 "2011-06-28T07:17:09Z")
Hi Benny, Hast du das getestet?
---
### Author:  [@ottscho](https://forum.shopware.com/u/ottscho)
#### Post date: [28. Juni 2011 um 07:42 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/11 "2011-06-28T07:42:41Z")
Sagen wir so, bei einem Kunde war der normale Shopware Slider mit 3 Bildern eingerichtet. Ich habe nach Avenger’s Anleitung den Nivo Slider eingebaut und dieser hat automatisch die Bilder übernommen. (Sollte ja auch klappen, da ich den original Slider Code in der tpl durch den Nivo Code ersetzt habe.)
---
### Author:  [@artep](https://forum.shopware.com/u/artep)
#### Post date: [28. Juni 2011 um 08:40 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/12 "2011-06-28T08:40:43Z")
Hi, ja das funktioniert. Habe den Nivo auch drin und Bilder kommen aus dem Backend!
---
### Author:  [@RobertW](https://forum.shopware.com/u/RobertW)
#### Post date: [28. Juni 2011 um 10:50 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/13 "2011-06-28T10:50:24Z")
Shopware rät ja von der Einbindung andere Slider ab [http://forum.shopware.de/templates-und-design-f14/darstellungsfehler-durch-css-datei-t2690.html#p14806](http://forum.shopware.de/templates-und-design-f14/darstellungsfehler-durch-css-datei-t2690.html#p14806). Kann es bei der „sauberen“ Einbindung des Nivo Slider zu Konflikten kommen?
---
### Author:  [@avenger](https://forum.shopware.com/u/avenger)
#### Post date: [28. Juni 2011 um 11:12 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/14 "2011-06-28T11:12:21Z")
[quote=„RobertW“]Shopware rät ja von der Einbindung andere Slider ab [http://forum.shopware.de/templates-und-design-f14/darstellungsfehler-durch-css-datei-t2690.html#p14806](http://forum.shopware.de/templates-und-design-f14/darstellungsfehler-durch-css-datei-t2690.html#p14806). Kann es bei der „sauberen“ Einbindung des Nivo Slider zu Konflikten kommen?[/quote] Da kann nur was passieren, wenn man was falsch macht, sonst nicht. Ich habe mittlerweile alle Standard-Shopware-Slider (auch die AJAX-Slider!) durch meinen Lieblings-Slider/Fader (jCarouselLite) ersetzt, da passiert gar nix. (Optional kann ich für die Banner auch den Nivo-Slider einsetzen. Ich kann sogar einen Zufallsmodus einschalten, bei dem die vorhandenen Slider (Shopware-Standard, jCarouselLite, Nivo) bei jedem Aufruf zufällig ausgewählt werden…) Der Ersatz der AJAX-Slider durch einen „Continuous Slider“, der schon alle Artikel, die er sliden soll, hat, ist natürlich eine aufwändigere Geschichte, da die vorhandene Shopware-Logik davon ausgeht, dass da immer 3 Artikel nachgeladen werden, und der Slider nicht gleich am Anfang mit allen befüllt wird… Die Bestseller auf der Startseite slide ich (bei 2-Spalten-Layouts) auch damit (im Content-Bereich), statt das Bestseller-Akkordion zu verwenden… (Das kommt erst wieder (in der linken Spalte) bei den Unterseiten zum Einsatz). Das „continuous sliding“ (bzw. Fading bei den Bannern) ist m.E. sehr viel harmonischer, als der Shopware-Standard, aber das ist sicher Geschmackssache. Und beim Nivo-Slider kann man mit den vielen möglichen Transitions schön 'rumspielen. Aber man muss natürlich wissen was man tut! Sonst kann das tatsächlich schnell in die Hose gehen…
---
### Author:  [@avenger](https://forum.shopware.com/u/avenger)
#### Post date: [28. Juni 2011 um 11:20 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/15 "2011-06-28T11:20:15Z")
[quote=„avenger“]Ich habe mittlerweile alle Standard-Shopware-Slider (auch die AJAX-Slider!) durch meinen Lieblings-Slider/Fader (jCarouselLite) ersetzt, da passiert gar nix.[/quote] Noch was vergessen: Was ich dabei auch erreicht habe, ist, dass ich die ganzen Silder per CSS konfigurieren kann (Breite, Höhe, …), und keine harten Styles mehr im Slider habe, wie das bei den Shopware-Slidern leider der Fall ist.
---
### Author:  [@taaucher](https://forum.shopware.com/u/taaucher)
#### Post date: [28. Juni 2011 um 14:05 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/16 "2011-06-28T14:05:20Z")
Das Ganze funktioniert so schon mal, was mir jetzt allerdings noch fehlt ist der Link der Banner, hat dazu noch jemand einen Vorschlag?
---
### Author:  [@taaucher](https://forum.shopware.com/u/taaucher)
#### Post date: [28. Juni 2011 um 15:49 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/17 "2011-06-28T15:49:57Z")
Okay, man muß hier noch ein paar Classen anpassen dann passt es.
---
### Author:  [@andreas](https://forum.shopware.com/u/andreas)
#### Post date: [28. Juni 2011 um 16:12 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/18 "2011-06-28T16:12:50Z")
Hallo Euch allen, ich beziehe mich auf den im Thread erwähnten Artikel von Avenger, der den Nivo-Slider beschreibt, also die Einbindung. Avenger schreibt: [quote]Man muss nur im Template-Header (“frontend\index\header.tpl”) das Nivo-Slider-Javascript einbinden, und im Template für den Banner-Slider (“frontend\plugins\recommendation\blocks\_index.tpl”) die HTML-Generierung und Slider-Initialisierung statt für den Standard-Slider für den Nivo-Slider machen…[/quote] Meine Frage ist nun, WO ist das Header Template? Wie ist der Pfad vor frontend? Gehe ich von meinem duplizierten Template aus oder vom “default”? Die Frage kann ziemlich unprofessionell klingen, aber ich möchte es verstehen. Ich danke euch. Andreas
---
### Author:  [@taaucher](https://forum.shopware.com/u/taaucher)
#### Post date: [28. Juni 2011 um 16:27 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/19 "2011-06-28T16:27:54Z")
Hallo, du kannst das im default machen oder aber in deinem Template, dort in der frontend/index/header.tpl die entsprechenden Änderungen vornehmen. Hier mal als Beispiel für dein eigenes Template `{block name="frontend\_index\_header\_css\_screen" append} {/block} {block name="frontend\_index\_header\_javascript" append} {/block}`
---
### Author:  [@andreas](https://forum.shopware.com/u/andreas)
#### Post date: [28. Juni 2011 um 16:36 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/20 "2011-06-28T16:36:36Z")
Danke, dann werde ich mich noch einmal da ran setzen. Gruß
[Nächste Seite](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318.md?page=2)