# 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:** 11\
**Page:** 2

<div class="post-metadata">

**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\
**Post date:** [28. Juni 2011 um 18:00 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/21 "2011-06-28T18:00:06Z")

</div>

Ich habe noch ein Phänomen, ist mir eben aufgefallen als ich ein Banner mit transparenz hatte. Das letzte Banner bleibt immer bestehen, das neue slidet sich darüber. Kann das jemand bestätigen? Sollte das letzte Banner nicht einfach verschwinden?

---

<div class="post-metadata">

**Author:** ![andreas](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@andreas](https://forum.shopware.com/u/andreas)\
**Post date:** [28. Juni 2011 um 18:14 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/22 "2011-06-28T18:14:57Z")

</div>

Ich bin noch nicht richtig durchgestiegen. Muss mich morgen noch mal in aller Ruhe ran setzen. das Einzige, was bei mir passierte war bisher, dass sich alle Banner untereinander aufreihten und angezeigt wurden… Aber kommt Zeit, kommt Rat. Gruß

---

<div class="post-metadata">

**Author:** ![avenger](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@avenger](https://forum.shopware.com/u/avenger)\
**Post date:** [29. Juni 2011 um 06:05 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/23 "2011-06-29T06:05:06Z")

</div>

[quote=„taaucher“]Ich habe noch ein Phänomen, ist mir eben aufgefallen als ich ein Banner mit transparenz hatte. Das letzte Banner bleibt immer bestehen, das neue slidet sich darüber. Kann das jemand bestätigen? Sollte das letzte Banner nicht einfach verschwinden?[/quote] Ich vermute, dass das so gemacht wird, um die anderen transition modes von Nivo zu unterstützen. Da braucht man das wohl.

---

<div class="post-metadata">

**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\
**Post date:** [29. Juni 2011 um 07:58 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/24 "2011-06-29T07:58:25Z")

</div>

Irgendwie macht das doch keinen Sinn, denn beim ersten Aufruf ist noch kein Banner im Hintergrund, das letzte bleibt nur immer stehen. Oder läßt er evtl. alle schon aufgerufenen Banner im Hintergrund im Cache? Hmm, evtl. Bau probiere ich es mal mit jcarousel.

---

<div class="post-metadata">

**Author:** ![Christian](https://avatars.discourse-cdn.com/v4/letter/c/b2d939/32.png) [@Christian](https://forum.shopware.com/u/Christian)\
**Post date:** [29. Juni 2011 um 22:35 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/25 "2011-06-29T22:35:44Z")

</div>

Ich steig da gerade auch nicht durch… Hat jemand eine zusammenfassende Einbauanleitung für mich parat?

---

<div class="post-metadata">

**Author:** ![Bibeno](https://avatars.discourse-cdn.com/v4/letter/b/13edae/32.png) [@Bibeno](https://forum.shopware.com/u/Bibeno)\
**Post date:** [1. Juli 2011 um 09:31 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/26 "2011-07-01T09:31:58Z")

</div>

[quote=“taaucher”]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} <link type="text/css" media="screen" rel="stylesheet" href="%7Blink%20file='templates/deintemplate/frontend/_resources/styles/nivo-slider.css'%7D"> {/block} {block name="frontend\_index\_header\_javascript" append} <script type="text/javascript" src="%7Blink%20file='templates/deintemplate/frontend/_resources/javascript/jquery.nivo.slider.pack.js'%7D"></script><script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>{/block}`[/quote] Wenn ich das so einbinde, natuerlich mit meinem Template bekomme ich das als nette Antwort: [quote]Fatal error: Uncaught exception ‘SmartyCompilerException’ with message ‘Syntax Error in template “/www/htdocs/w00b7234/bibeno-artgerechte-tiernahrung/html/templates/orange/frontend/index/header.tpl” on line 3 "{block name=“frontend\_index\_header\_css\_screen” append} nivo-slider.css’}" /\> " unexpected “append” attribute’ in /www/htdocs/w00b7234/bibeno-artgerechte-tiernahrung/html/engine/Enlight/Vendor/Smarty/libs/sysplugins/smarty\_internal\_templatecompilerbase.php:404 Stack trace: #0 /www/htdocs/w00b7234/bibeno-artgerechte-tiernahrung/html/engine/Enlight/Vendor/Smarty/libs/sysplugins/smarty\_internal\_compilebase.php(49): Smarty\_Internal\_TemplateCompilerBase-\>trigger\_template\_error(‘unexpected "app…’) #1 /www/htdocs/w00b7234/bibeno-artgerechte-tiernahrung/html/engine/Enlight/Vendor/Smarty/libs/syspl in /www/htdocs/w00b7234/bibeno-artgerechte-tiernahrung/html/engine/Enlight/Vendor/Smarty/libs/sysplugins/smarty\_internal\_templatecompilerbase.php on line 404[/quote] ☹

---

<div class="post-metadata">

**Author:** ![artep](https://avatars.discourse-cdn.com/v4/letter/a/aca169/32.png) [@artep](https://forum.shopware.com/u/artep)\
**Post date:** [1. Juli 2011 um 10:13 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/27 "2011-07-01T10:13:45Z")

</div>

Also, mein Sohn hat den Nivo eingebaut. Ich bin den Weg mal gerade nachgegangen und hoffe dass Ihr vielleicht damit was anfangen könnt. In der blocks\_index.tpl ist der normale slider auskommentiert und nivo-code darunter: `{if $banner\_active} /\* $('.slider\_banner').ajaxSlider('locale', { 'width':630, 'height':386, 'scrollWidth': 630, 'containerClass': 'bannerSlider', 'outer': false, 'headline': false, 'rotate': true, 'scrollSpeed': 600, 'containerCSS': { 'marginBottom': '15px'} }); \*/ $('.slider\_banner').nivoSlider({ effect: 'random', pauseTime:6000, directionNav:false, directionNavHide:false, controlNav:false, keyboardNav:false }); {/if}` In der blocks\_listing.tpl: ` {if $banner\_active} /\* $('.slider\_banner').ajaxSlider('locale', { 'width':630, 'height':386, 'scrollWidth': 630, 'containerClass': 'bannerSlider', 'outer': false, 'headline': false, 'rotate': true, 'scrollSpeed': 600 }); \*/ $('.slider\_banner').nivoSlider(); {/if}` In der header.tpl: `{extends file="../\_default/frontend/index/header.tpl"} {block name='frontend\_index\_header\_javascript' append} <script type="text/javascript" src="/templates/xelajo/frontend/_resources/jquery.nivo.slider.pack.js"></script>{/block} {block name="frontend\_index\_header\_css\_screen" append} <link type="text/css" media="screen, projection" rel="stylesheet" href="%7Blink%20file='templates/xelajo/frontend/_resources/styles/xelajo.css'%7D"><link type="text/css" media="screen, projection" rel="stylesheet" href="/templates/xelajo/frontend/_resources/styles/nivo-slider.css">{/block} ` In der frontend/\_resources reinpacken: jquery.nivo.slider.pack.js In der style: nivo-slider.css Zu meiner css in einem anderen Thred schon veröffentlicht, mit der es funktioniert lt.bibeno: [Link](http://forum.shopware.de/plugins-erweiterungen-f20/wunsch-nivo-slider-als-plugin-t2704-10.html)

---

<div class="post-metadata">

**Author:** ![Bibeno](https://avatars.discourse-cdn.com/v4/letter/b/13edae/32.png) [@Bibeno](https://forum.shopware.com/u/Bibeno)\
**Post date:** [1. Juli 2011 um 10:43 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/28 "2011-07-01T10:43:27Z")

</div>

Nun krieg ich schon mal keinen Fehler mehr :thumbup: Aber nun sind die 3 Banner nur unter einander… Das ist zum Maeusemelken.

---

<div class="post-metadata">

**Author:** ![Christian](https://avatars.discourse-cdn.com/v4/letter/c/b2d939/32.png) [@Christian](https://forum.shopware.com/u/Christian)\
**Post date:** [1. Juli 2011 um 22:50 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/29 "2011-07-01T22:50:16Z")

</div>

[quote=“taaucher”]Das Ganze funktioniert so schon mal, was mir jetzt allerdings noch fehlt ist der Link der Banner, hat dazu noch jemand einen Vorschlag?[/quote] [quote=“taaucher”]Okay, man muß hier noch ein paar Classen anpassen dann passt es.[/quote] Hallo taaucher, kannst du mir bitte sagen welche classen du wo und wie angepasst hast?

---

<div class="post-metadata">

**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\
**Post date:** [1. Juli 2011 um 23:31 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/30 "2011-07-01T23:31:31Z")

</div>

Hey Christian, schau mal hier: [plugins-erweiterungen-f20/wunsch-nivo-slider-als-plugin-t2704.html#p18538](http://forum.shopware.de/plugins-erweiterungen-f20/wunsch-nivo-slider-als-plugin-t2704.html#p18538) Grüße Frank

---

<div class="post-metadata">

**Author:** ![Dreamland](https://avatars.discourse-cdn.com/v4/letter/d/8491ac/32.png) [@Dreamland](https://forum.shopware.com/u/Dreamland)\
**Post date:** [21. September 2012 um 12:17 UTC](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318/31 "2012-09-21T12:17:35Z")

</div>

Hallo, wurde der Nivo-Slider von Euch schon einmal in die SW4-Version eigebaut? Wenn ja, wo müssen hier die Änderungen vorgenommen werden? Vielen Dank für Euren Rat und ein schönes Wochenende Erik

[Vorherige Seite](https://forum.shopware.com/t/banner-mit-uberblendeffekt-bei-sw-3-5-4/3318.md?page=1)