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/support/thread…ght=nivo+slider

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

    [ATTACH=CONFIG]319[/ATTACH]

    Danke!

    Einmal editiert, zuletzt von Siggit (25. Mai 2014 um 01:10)

  • 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
    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
    <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
    <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
    .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
    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
    <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.