# Komplett anderer Banner-Effekt

**URL:** <https://forum.shopware.com/t/komplett-anderer-banner-effekt/2688>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [6. Mai 2011 um 09:38 UTC](https://forum.shopware.com/t/komplett-anderer-banner-effekt/2688 "2011-05-06T09:38:36Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Homer](https://avatars.discourse-cdn.com/v4/letter/h/df788c/32.png) [@Homer](https://forum.shopware.com/u/Homer)\
**Post date:** [6. Mai 2011 um 09:38 UTC](https://forum.shopware.com/t/komplett-anderer-banner-effekt/2688/1 "2011-05-06T09:38:36Z")

</div>

Hallo an alle. Auf der Startseite befindet sich ja standardmäßig der Block mit den 4 Bannern. Ich möchte dieses Block ersetzen, sodass das Endresultat in etwa so aussieht: [http://demo.tutorialzine.com/2009/11/be … /demo.html](http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.html) Ist es technisch möglich? 2. Frage: Sollte es nicht möglich sein, kann ich diesen Slide-Effekt durch einen Fade-Effekt ersetzen? Vielen Dank schonmal im vorraus :thumbup:

---

<div class="post-metadata">

**Author:** ![moeve.media](https://avatars.discourse-cdn.com/v4/letter/m/3da27b/32.png) [@moeve.media](https://forum.shopware.com/u/moeve.media)\
**Post date:** [6. Mai 2011 um 09:45 UTC](https://forum.shopware.com/t/komplett-anderer-banner-effekt/2688/2 "2011-05-06T09:45:49Z")

</div>

Hi Homer, das was du willst kann eigentlich der Startseiten Slider. Du musst diesen jedoch erst aktivieren. Danach baust du einfach das Plugin so um wie in deinem Beispiel. Das ist Standard schon ein Slider, also sdollte das klappen. Den Rest musst du über css anpassen… Plugin heißt recommendation

---

<div class="post-metadata">

**Author:** ![Homer](https://avatars.discourse-cdn.com/v4/letter/h/df788c/32.png) [@Homer](https://forum.shopware.com/u/Homer)\
**Post date:** [6. Mai 2011 um 10:13 UTC](https://forum.shopware.com/t/komplett-anderer-banner-effekt/2688/3 "2011-05-06T10:13:56Z")

</div>

Also das Plugin Recommendation habe ich gefunden. Leider verstehe ich nicht, wie es mir weiterhelfen kann. Habe für die neue Animation auch schon die CSS-Datei,eine Javascript-Datei und auch eine HTML-Datei. Auf der obigen Webseite findet ihr auch unter Tutorial den HTML-Code. Welches CSS muss ich anpassen? Kann ich den HTML-Code in die banner.tpl kopieren? Wohin kommt das Javascript?

---

<div class="post-metadata">

**Author:** ![moeve.media](https://avatars.discourse-cdn.com/v4/letter/m/3da27b/32.png) [@moeve.media](https://forum.shopware.com/u/moeve.media)\
**Post date:** [6. Mai 2011 um 10:31 UTC](https://forum.shopware.com/t/komplett-anderer-banner-effekt/2688/4 "2011-05-06T10:31:20Z")

</div>

Also erstmal was grundlegendes. Wenn du das Plugin Recommendation aktivierst, den cache leerst und das backend neu lädst, wirst du einen neuen Menüpunkt unter Marketing alla Slider vorfinden. Dort kannst du einsetellen wo der Slider laufen soll (Startseite, etc.) Funktionsweise des Sliders kannst du fast auf jeder Seite erkennen z.B. hier: [Elbandi](http://www.elbandi.de) Diesen Slider kannst du optisch so anpassen das er so aussieht wie in deinem Beispiel. Dazu gibt es aber einige Themen hier im Forum, einfach mal nach Slider suchen…

---

<div class="post-metadata">

**Author:** ![Homer](https://avatars.discourse-cdn.com/v4/letter/h/df788c/32.png) [@Homer](https://forum.shopware.com/u/Homer)\
**Post date:** [6. Mai 2011 um 10:59 UTC](https://forum.shopware.com/t/komplett-anderer-banner-effekt/2688/5 "2011-05-06T10:59:53Z")

</div>

Ok soweit so gut 😉 Habe im Forum Informationen zum Nivo Slider erhalten. Allerdings weiß ich nicht, wie ich ihn in meinen Shop integrieren kann. Habe das Programm von der Herstellerseite runtergeladen, allerdings brauche ich jetzt wenn es geht eine kleine Anleitung, wo ich die Dateien hinkopieren muss. Danke nochmal :thumbup:

---

<div class="post-metadata">

**Author:** ![moeve.media](https://avatars.discourse-cdn.com/v4/letter/m/3da27b/32.png) [@moeve.media](https://forum.shopware.com/u/moeve.media)\
**Post date:** [6. Mai 2011 um 11:28 UTC](https://forum.shopware.com/t/komplett-anderer-banner-effekt/2688/6 "2011-05-06T11:28:21Z")

</div>

Kein Problem, der nivo Slider hat meiner Meinung nicht viel Unterschied zu dem aktuellen Recommendation Plugin. Des Weiteren müsstest du das manuel einbauen. Das ist immer alles doof, vor allem wenn es dann updates etc. gibt… Ich rate davon ab… Der Slider von shopware reicht aus um das zu präsentieren :shopware:🙂

---

<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:** [6. Mai 2011 um 13:40 UTC](https://forum.shopware.com/t/komplett-anderer-banner-effekt/2688/7 "2011-05-06T13:40:27Z")

</div>

[quote=“ttmedia”]Kein Problem, der nivo Slider hat meiner Meinung nicht viel Unterschied zu dem aktuellen Recommendation Plugin. Des Weiteren müsstest du das manuel einbauen. Das ist immer alles doof, vor allem wenn es dann updates etc. gibt… Ich rate davon ab… Der Slider von shopware reicht aus um das zu präsentieren :shopware::-)[/quote] Nö, mir gefällt der Standard-Slider auch nicht besonders, vor allem dieses Rückrollen vom letzten Bild auf das erste finde ich echt nervig. Der Nivo-Slider bietet 15 Transitions-Effekte, inkl. einem “continious sliding” (also kein Bild-Rücklauf) und ein Fading (Bildwechsel durch Überblenden statt Schieben). Den als Laie gegen den Standard-Slider zu ersetzen ist allerdings ein gewagtes Unterfangen… Da braucht man schon einige HTML/CSS/Javascript-Erfahrung.

---

<div class="post-metadata">

**Author:** ![Homer](https://avatars.discourse-cdn.com/v4/letter/h/df788c/32.png) [@Homer](https://forum.shopware.com/u/Homer)\
**Post date:** [6. Mai 2011 um 15:07 UTC](https://forum.shopware.com/t/komplett-anderer-banner-effekt/2688/8 "2011-05-06T15:07:16Z")

</div>

Ok, das es nicht ganz leicht wird habe ich mir schon gedacht. Ein bisschen was traue ich mir auch zu. Könntet ihr bitte beschreiben, welche Schritte ich machen muss. Dies würde bestimmt auch den anderen Nutzern sehr helfen. Thx ^^
