Nivo Slider für Shop Logo verwenden v2next 2.5.2 CE

  • Hallo!


    Wie kann ich den Nivo Slider für das Shop Logo verwenden? So das ich dort 3 oder 4 Bilder abwechselnd laufen lassen kann.


    Hier wird zwar beschrieben wie ich den Nivo Slider verwenden kann.


    http://www.commerce-seo.de/sup…den?highlight=nivo+slider


    Leider ist die Beschreibung so veraltet, dass es die Dateien und Dateistruktur gar nicht mehr gibt.


    [ATTACH=CONFIG]319[/ATTACH]


    Danke!


  • Mein Lösungsansatz.


    Den internen Rslider verwenden.


    1. in der Datei templates/v2next-boot-flat/javascript/general.js folgendes Script einbinden mit folgendem Aufruf


    Code
    1. echo '<script type="text/javascript" src="/shopscripte/js/responsiveslides.min.js"></script>';


    2. in der Datei templates/v2next-boot-flat/html/shop_nav.html diesen Code


    Code
    1. <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" id="logo"> <a href="{$home}">[COLOR='#FF0000']{$logo}[/COLOR]</a> </div>


    in dieser Form verändern (Beispiel mit 2 Bildern)


    Code
    1. <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" id="logo"> <ul class="rslides" id="slider1"><li>[COLOR='#FF0000']<a href="{$home}">[/COLOR]<img src="templates/v2next-boot-flat/slider/slide01.jpg" /></a></li><li>[COLOR='#FF0000']<a href="{$home}">[/COLOR]<img src="templates/v2next-boot-flat/slider/slide02.jpg" /></a></li></ul></a> </div>


    Wenn nicht der Code {$logo} enfernt wird, dann wird das voreingestellte Logo mit angezeigt. Der Link "<a href="{$home}">" erzeugt den Link zur Startseite.


    3. Dann noch templates/v2next-boot-flat/css/css3_browser.css bearbeiten


    Code
    1. .transparent-btns_tabs li {display: none;[COLOR='#FF0000'][/COLOR]float: none;margin-right: 5px;padding: 5px;}


    4. Die Einstellungen des Sliders findet Ihr hier


    Code
    1. jQuery("#slider1").responsiveSlides({auto:true,[COLOR='#FF0000']speed:1500,timeout:6000,[/COLOR]pager:true,nav:false,random:false,pause:true,pauseControls:false,prevText:"Previous",nextText:"Next",maxwidth:1105,controls:"",namespace:"transparent-btns"});});


    So es funktioniert. Einfach die Bilder für den Slider hochladen in deinen Slider Ordner. Dann den Code

    Code
    1. <li>[COLOR='#FF0000']<a href="{$home}">[/COLOR]<img src="templates/v2next-boot-flat/slider/slide01.jpg" /></a></li>


    entsprechend oft kopieren und einfügen sowie die Namen der Bilder anpassen.


    Das ist die Lösung für den internen RSlider wenn Ihr einen anderen Slider verwenden wollt, dann passt die Dateien entsprechend an.


    Wenn dir keiner hilft dann hilf dir selbst.