jQuery Script in Shop einbauen.

[TIMBaER]

Hallo ich habe im Netzt ein jQuery-Script für eine Textslider gefunden.
Diese wollte ich in meinen Shop einbauen. Leider bekomme ich es nicht zum laufen und benötige Hilfe.

Da ich in der Beziehung wenig bis keine Erfahrung mit Scripts habe, hoffe ich diese hier zu finden.

Was habe ich!

ein jQuery-Script;

$(".clickable").click(function() {
  $(this).siblings(".box").slideToggle('slow');
  if($(this).html()=="einklappen") {
    $(this).html("ausklappen");
  } else {
    $(this).html("einklappen");
  }
});

und die HTML Daten;

<div class="textbox">
    <div class="box">
      <p>..</p>
      <p>...</p>
    </div>
    <p class="clickable">einklappen</p>
  </div>

Dieses Script soll nun im Footer auf den Artikelseiten ausgeführt werden.

So und folgendes habe ich bereits gemacht.

in folgenden Ordner ( /jtl3-shop/templates/JTL-Shop3-Tiny/js ) eine.js Datei Namens jquery.textslider.js erstellt.
Diese enthält folgenden Inhalt:

// jQuery Text Slider

$(".clickable").click(function() {
  $(this).siblings(".box").slideToggle('slow');
  if($(this).html()=="einklappen") {
    $(this).html("ausklappen");
  } else {
    $(this).html("einklappen");
  }
});

/* end */

Dann habe ich in der header_custom.tpl folgende Zeile eingefügt.
<script type="text/javascript" src="{$currentTemplateDir}js/jquery.textslider.js"></script>

der nächste Schrift von mir war:
folgenden code ind die footer_custom.tpl einzufügen

			{if $AktuelleSeite == "ARTIKEL"}
			<div class="textbox">
				
				<h4>Überschrift</h4>
                                        <div class="box">
					<p>Meine Erster Text</p><br>
					<p>Mein zweiter Text</p>
                                        <p>Mein dritter Text</p>
				</div>
				
					<p class="clickable">einklappen</p>
			</div>
			{/if}

leider Funktioniert das so nicht. Kann mir jemand vielleich sagen was ich Falsch gemacht habe und was ich wie ändern muß?

Danke schon mal für Eure Hilfe.

Gruß
Stephan

 

[ag-websolutions.de]

AW: jQuery Script in Shop einbauen.

was sagt denn die javascript-konsole im firebug?

 

[TIMBaER]

AW: jQuery Script in Shop einbauen.

Hallo

Auf der Artikel Seite wird im Footer folgendes dargestellt.

Überschrift

Meine Erster Text

Mein zweiter Text

Mein dritter Text

einklappen

jedoch funktioniert das einklappen nicht.

Wo muss ich was im Firebug anschauen? Kann leider keine Javascript-Konsole finden.
Und Fehler werden auch keine angezeit soweit ich das sehe.

 

[ag-websolutions.de]

AW: jQuery Script in Shop einbauen.

schau dir auf der demoseite mal genau den js-code an ... du musst das ganze in eine

$(document).ready(function() {}

einpacken

 

[TIMBaER]

AW: jQuery Script in Shop einbauen.

Danke jetzt klapp es.