Nivo-Slider wechselt die Bilder nicht ... ?

[Patrix]

Halli hallo,

ich habe mich nun mal daran gemacht den Nivo-Slider in den Shop zu Integrieren und ging dazu nach dieser Anleitung vor: Einbinden des Nivo-Sliders auf der Startseite

In der index.html habe ich folgenden Code verwendet :

Code: PHP  [Auswählen]

<center>
          {if strstr ($smarty.server.PHP_SELF, 'index')}
            {if $smarty.get.cPath==null and $smarty.get.manufacturers_id==''}
              <div id="slider" class="nivoSlider">
                <img src="{$tpl_path}img/s1.jpg" alt="Dein Alt-Text" />
                <img src="{$tpl_path}img/s2.jpg" alt="Dein Alt-Text" />
                <img src="{$tpl_path}img/s3.jpg" alt="Dein Alt-Text" />
              </div>
            {/if}
          {/if}
</center>
        {$main_content}
 

Der Slider wird nun auch auf der Startseite an der gewünschten Stelle angezeigt, allerdings nur das erste Bild, auch ein manuelles Wechseln der Bilder durch Klick auf die Kreis-Symbole des Sliders funktioniert nicht...

Verwendet wird die Shop Version modified eCommerce Shopsoftware v1.05.

Vielen Dank vorab für eure Hilfe.

Liebe Grüße, Patrick.



Linkback: https://www.modified-shop.org/forum/index.php?topic=13487.0

[Patrix]

Zwischenzeitlich habe ich mal probiert den Nivo-Slider in das Standard-Template zu Integrieren, da funktioniert es halbwegs, allerdings sind manche Bilder etwas zerhackt und der Bilderwechsel erfolgt nur durch Klicken auf den Slider..., vorher hatte ich das grüne xtc5 Template verwendet, bei dem es keinerlei Funktion des Nivo-Sliders gab.

[Tomcraft]

Hallo Patrix,

du hast vermutlich nicht das richtige Template erwischt, denn es gibt dort für 1.03, 1.04 und 1.05 entsprechende Template-Versionen.

Schau nochmal hier: TEMPLATE: Kostenlose Farbvarianten vom xtc5 Template

Das grüne Template für Version 1.05 ("xtc5_gruen_modified eCommerce Shopsoftware-1.05.zip") unterscheidet sich nur in der "stylesheet.css" und einigen Bildern vom standard xtc5 Template.

Grüße

Torsten

[Patrix]

Guten Morgen Torsten,

ja aus dem Thread habe ich das Template glaube ich wirklich nicht ... mist, aber ein kurzer Vergleich der jquery.js im Javascript Verzeichnis beim Orig. Template und beim Grünen und Roten Template zeigt, das die Dateien in der Größe schon unterschiedlich sind ich schätze mal die jquery im orig. Template ist neu neuere Version.... ? Ne andere Erklärung habe ich nicht, denn wie gesagt, nachdem ich die jquery aus dem Orig. Template ins grüne Template kopiert habe, hat es sofort funktioniert. Ich denke mal bisher wird das Problem mit dem Slider bei anderen nicht aufgetreten sein, da sie den Slider alle in das Standard-Template integriert haben und dieses ja die aktuellste JQuery verwendet, vermutlich bezieht sich auch das Tutorial zum Einbau des Sliders auf das Orig. Template. Ne andere Erklärung habe ich nicht.

Liebe Grüße, Patrick.

[Tomcraft]

Hallo Patrick,

wenn du das Template aus dem verlinkten Thema runter lädst, dann ist es mit dem originalen xtc5 Template bis auf einige Bilder und die "stylesheet.css" identisch, ich habe das eben nochmal nachgeschaut.

Grüße

Torsten

[SirHelios]

Ich möchte mich hier nocheinmal dranhängen, da ich ebenso ein Problem habe und der Thread hier ja recht aktuell ist.

Ich benutze TEMPLATE: Kostenloses Template "shop6" - eingebunden habe ich es in der "main_content.html" - vom Format ist alles korrekt, allerdings wird lediglich das Lade-Icon angezeigt und keine Bilder..

Bilder sind richtig verlinkt, dies habe ich mit Firebug kontrolliert.

Nach Anleitung eingebaut ist es ebenfalls.

Mir ist einmal zu Ohren gekommen, dass es sich nicht mit evtl. vorhandenen Lightbox-Datei etc. verträgt?

[Patrix]

Hallo, ich kann zu deinem Template leider nicht viel sagen, da ich das gerade zum ersten mal gesehen habe, aber das Problem mit dem ständigen Lade-Icon ist mir bekannt. Das hing bei mir mit nicht richtig verlinkten Bildern zusammen. Kontrollier das bitte nochmal. Ausserdem lege ich Dir nahe in der "general.js.php" den Effect nicht bei RANDOM zu belassen, da das zu Problemen mit xtc zumindest wenn man den Slider nach der Anleitung einbaut die hier im Forum liegt...

lg Patrick.

[SirHelios]

Bilder sind im img-Ordner des Templates und werden auch bei Firebug angezeigt.
Ich habe jetzt einmal das Random durch einen anderen Effekt ersetzt. Leider keine Veränderung...

Als ich ein wenig bei Google gelesen habe, gibt es anscheinend öfters Probleme bei diversen Templates.. technisch sollte es doch dennoch machbar sein

[franky_n]

Hallo Zusammen,

also meistens ist es so das sich Funktionen im Javascript aufheben.
Der Nivo-Slider hat eine "jquery.nivo.slider.js" mit dabei die evtl. einige Funktionen drin hat die von anderen js Dateien überschrieben werden.

Bedeutet:
Man muß dann entweder versuchen die Reihenfolge der Javascripts zu tauschen, z.B. erst die "jquery.nivo.slider.js" laden und dann die weiteren "jquery.js" Dateien in der Hoffnung das nichts wichtiges überschrieben wird

oder

man muß die js Dateien vergleichen und schauen ob es Funktionen (function) gibt die sich überschneiden und evtl. dann eine Misch Javascript Datei erstellen...

Aber das nur mal so global zum Thema, denn genauer habe ich mir die js Dateien nicht angeschaut.

Viele Grüße

Franky

[Patrix]

Ich gehe mal davon aus, das Du die aktuellste Version vom Nivo-Slider geladen hast, in deinem Verzeichnis <template>/javascript gibt es eine Datei mit dem Namen "jguery.js", benenn diese mal um z.b. in "_jquery.js", dann nimm mal aus dem Archiv vom Nivo Slider die Datei "jquery-1.6.1.min.js" und Kopier diese mal unter dem Namen "jquery.js" in's javascript Verzeichnis. Versuch mal ob Dir das weiterhilft...

[SirHelios]

Hallo Patrix,

leider auch hier ohne Erfolg. Dennoch vielen Dank für die Tipps

Ich werde mir im Laufe des Tages einmal frankys Rat befolgen und die Dateien mal genauer anschauen

[Barnabas]

Moin SirHelios!

Hast du mal einen Link zum Shop oder testest du lokal?

[SirHelios]

Moin,

ja, das "Ergebnis" kann auf price-bite.de angesehen werden

Danke und Gruß,

Patrick

[franky_n]

Hallo SirHelios,

was ich schon mal als Anmerkung habe...

In Deinem Quelltext lädtst Du 2 mal das jquery "Framework". Einmal als "Normalversion" und einmal als "optimierte Version" (bedeutet Leerzeichen und Zeilenumbrüche sind raus um Zeit zu sparen).
Einmal hier:

Code: PHP  [Auswählen]

<script src="templates/shop6/javascript/jquery.js" type="text/javascript"></script>

und einmal hier:

Code: PHP  [Auswählen]

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>

Dann die Frage ob hier auch noch was hin gehört und ob es die beiden Grafiken dann auch irgendwo abgespeichert gibt:

Code: PHP  [Auswählen]

        controlNavThumbsSearch: '.jpg', //Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
 

Und zu guter Letzt:
Ist Dir aufgefallen das zum Teil im JS die Umlaute zerschossen sind?
Siehe:

Code: PHP  [Auswählen]

 // Pfad zum Bild â�� muss angepasst werden!!

Viele Grüße

Franky

[ElectricArts]

Hallo SirHelios,

#slider img (in der stylesheet.css) steht auf

Code: CSS  [Auswählen]

display:none

Das ist doch bestimmt nicht korrekt, oder?

Viele Grüße

Mario