Offen Nivo Slider in JTL

Vannykanni

Aktives Mitglied
13. Mai 2011
10
0
Guten Tag :)

Ich bin absoluter Newbie auf dem Gebiet der JTL Software, sowie allem drum herum. Zwar habe ich HTML-Grundkenntnisse doch bei diesem Thema scheitern sich meine Geister.

Was ich brauche, wäre eine Anleitung zum Einbinden eines Nivo-Sliders auf die Startseite.

Vielleicht hat irgendwer ja Tipps oder vllt sogar ein Tutorial. Anderweitig bin ich leider nicht fündig geworden...

Ich bedanke mich schon einmal recht Herzlich

LG

Vannykanni
 

Vannykanni

Aktives Mitglied
13. Mai 2011
10
0
AW: Nivo Slider in JTL

Vielen Dank Andi, nur wollten wir das ganze kostenlos über die Bühne bringen.

Ich habe den Nivo Slider bereits runtergeladen, sowie die Javascript-Dateien auf unseren Server, jedoch müsste ich im Startseitentemplate und auch in der CSS noch Einstellungen vornehmen und hoffe, dass mir hier irgendwer helfen kann...

Dennoch herzlichen Dank für die Bemühungen :)
 

urlaubsreif

Aktives Mitglied
5. Februar 2011
62
0
AW: Nivo Slider in JTL

Hi,

ich habe das jetzt so gelöst, dass ich das Script via Inhalt-CMS-Spezialseite "Startseite" eingebunden habe (im CKEditor Quelltextansicht einschalten). Für den Scriptaufruf im header habe ich eine header_custom.tpl angelegt.

Funktioniert hervorragend.
 

Vannykanni

Aktives Mitglied
13. Mai 2011
10
0
AW: Nivo Slider in JTL

Danke Urlaubsreif für diesen guten Anfangstipp,

könntest du mir aber dennoch vllt die Inhalte posten, die du z.B. im Backendbereich (CMS) eingefügt hast und was du im header_custom.tpl im Inhalt stehen hast?

Das wäre wirklich super nett, denn so langsam geht mir die Puste aus :)
 

urlaubsreif

Aktives Mitglied
5. Februar 2011
62
0
AW: Nivo Slider in JTL

Upps, habe leider vergessen, den Thread zu abonnieren und sehe jetzt erst Deine Bitte.

Komme später darauf zurück.
Ich habe aber erst nach meinem Beitrag gesehen, dass Du Shop 2 benutzt. Gibt es denn dort überhaupt schon das CMS System "Eigene Seite"? Das wäre ja Voraussetzung.
 

Vannykanni

Aktives Mitglied
13. Mai 2011
10
0
AW: Nivo Slider in JTL

Ich habe im CMS-System die Möglichkeit neue Seiten anzulegen ja.
Dies heisst bei JTL Shop 2 jedoch Links - dort kann ich einzelne Links und auch neue Linkgruppen erstellen.

Hoffe das hilft dir weiter, um auch mir irgendwie weiter zu helfen :)
 

urlaubsreif

Aktives Mitglied
5. Februar 2011
62
0
AW: Nivo Slider in JTL

Nun, dann ist es doch recht einfach.

Du legst am Besten eine header_custom.tpl an (also eine Kopie der header.tpl, zu finden im Ordner tpl_inc im Templateordner). Die wird dann anstelle der header.tpl geladen.

Dort hinein tust Du innerhalb des <head> </head> Tags den Javascriptaufruf. Pfade musst Du natürlich anpassen.

Code: 
<!-- Usually in the <head> section -->
 <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
Im Bereich "eigene Seite" musst Du die Quelltextansicht vom ckeditor aktivieren. Dort fügst Du die slider-div an gewünschte Stelle ein: in etwa so:
Code: 
<!-- Then somewhere in the <body> section --> 
<div id="slider">     
<img src="images/slide1.jpg" alt="" />     
<a href="http://dev7studios.com"><img src="images/slide2.jpg" alt="" title="#htmlcaption" /></a>    
 <img src="images/slide3.jpg" alt="" title="This is an example of a caption" />     
<img src="images/slide4.jpg" alt="" /> 
</div>
 <div id="htmlcaption" class="nivo-html-caption">   
  <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. 
</div>
Das ist eigentlich schon alles
 

Vannykanni

Aktives Mitglied
13. Mai 2011
10
0
AW: Nivo Slider in JTL

Guten Tag und vielen Dank für die bisherige Hilfe.

So hier mein Link zur Website: screen-shop.net - Notebook Displays aller Hersteller wie Acer, Toshiba, Samsung, Sony, HP, Medion, Packard Bell, Compaq...

Leider funktioniert das ganze wie ihr sehen könnt immernoch nicht, vielleicht geh ich zu blond an die Sache ran.

Bisher habe ich folgendes gemacht. Ich habe den komletten Ordner den ich von Nivo-Slider habe in mein Template via FTP geladen.

In die Header.tpl in de head-Bereich habe ich folgendes eingegeben:

<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>

Nun habe ich im Ordner nivo-slider einen Ordner images angelegt indem ich meine zwei Slide-Bilder hinein kopiert habe.

Als nächstes bin ich im Backend auf die Linkseite meiner Startseite, da dort der Slider eingebaut werden soll und habe folgenden Code eingegeben:

<div id="slider" width="760" height="250" border="0" cellpadding="0" cellspacing="0" class="nivoSlider">
<img src="http://www.screen- shop.net/templates/JTL-Shop2/nivo-slider/images/Slider_1.jpg" alt="" />
<a href="http://www.screen-shop.net/Display-iPhone-4"><img src="http://www.screen-shop.net/templates/JTL-Shop2/nivo-slider/images/Slider_2.jpg" alt="" title="This is an example of a caption" /></a>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>

<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>


Doch wie ihr sehen könnt, sieht das Ding auf meiner Startseite nicht annähernd so aus, wie ein Nivo-Slider :) Auch habe ich in der css die richtige Breite des Sliders eingegeben, doch leider ragt es immernoch über den Contentbereich hinaus. Auch der Aufruf des Sliders ist im Backend eingebaut. Ich bin ratlos, da ich wirklich nicht sehr viel Ahnung habe.

Ich hoffe ihr könnt mir weiter helfen :)
 

Zillis-Web

Guest
AW: Nivo Slider in JTL

Code: 
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider();
});
</script>
Wenn das übers Backend so eingefügt wurde wird es auch nicht gehen.
Am besten dort wo Du die nivo_slider.js eingefügt hast eine zusätzliche Datei anlegen, z.B. nivo_utility.js und die Datei das einfügen:
Code: 
$(window).load(function() {
    $('#slider').nivoSlider();
});
Diese Datei dann noch in der header.tpl unter die anderen nivo-Einträge mit rein, dann sollte das vielleicht gehen. Hat halt den Nachteil, dass das Script auf allen Seiten mitgeladen wird, könnte aber eher funktionieren - ist aber nicht getestet.
 

Vannykanni

Aktives Mitglied
13. Mai 2011
10
0
AW: Nivo Slider in JTL

danke daedalus,

doch leider sieht das ganze immernoch so aus...habe wie du sagtest eine js erstellt mit deinem codeinhalt und diesen aufruf im header.tpl mit eingegeben und zwar so:

<script src="http://www.screen- shop.net/templates/JTL-Shop2/nivo-slider/nivo-utiity.js" type="text/javascript"></script>

doch leider mag mein slider immernoch nicht :(
 

Torsten

Gut bekanntes Mitglied
16. Oktober 2006
270
0
LK Stade
AW: Nivo Slider in JTL

Nutzt du zufällig den Firefox? Dort gibt es die Firebug-Erweiterung. Damit lässt sich in der Fehlerkonsole erkennen, ob u.U. irgendwelche Fehler produziert werden.
 

Zillis-Web

Guest
AW: Nivo Slider in JTL

Na dann schau Dir deinen Eintrag noch mal richtig an! mit "/nivo-utility." kommst Du auf jeden Fall mal weiter wie mit "/nivo-utiity."
 

Vannykanni

Aktives Mitglied
13. Mai 2011
10
0
AW: Nivo Slider in JTL

Thorsten ich nutze den Safari :)

und danke für den hinweis daedalus, doch auch nach ausbesserung im header.tpl des schreibfehlers sieht die website noch ziemlich zerschossen aus :(

ach gottle, ich glaub ich engagiere nen helleren kopf als mich :D
 
Du musst Dich einloggen oder registrieren um hier antworten zu können.
Ähnliche Themen
Titel Forum Antworten Datum
Neu JTL WAWI Connector zu Shopify geht in den Timeout Shopify-Connector 0
Neu Jtl Shipping Label passt auf einmal nicht mehr aufs Etikett... JTL-ShippingLabels - Fehler und Bugs 0
Neu 📢 Neues JTL-Software Plugin "Rechnung Download" by CIN GmbH Plugins für JTL-Shop 2
Neu JTL WaWi (SQL Server)soll nur auf PC laufen User helfen Usern - Fragen zu JTL-Wawi 9
Neu JTL Worker Fehler: "TM" Zeichen darf nicht in einem Namen enthalten sein JTL-Wawi - Fehler und Bugs 1
Neu Bin ich der einzige, der Amazons VCS benutzt (nicht Lite) und mit der neuen JTL-Version 1.10.10.3 akute Probleme hat? Amazon-Anbindung - Fehler und Bugs 0
Neu Amazon schweizer Rechnung ins JTL Amazon-Anbindung - Ideen, Lob und Kritik 0
Neu JTL Wawi und Returnless Schnittstellen Import / Export 0
Neu [Gelöst][shop 5.4.1] Newsletter Abmeldung "Fatal error: Uncaught Error: Typed property JTL\Optin\OptinRefData::$optinClass must" JTL-Shop - Fehler und Bugs 1
Neu JTL-WaWi 1.10.10.3 - JTL-Connector (Drittanbieter) Sonderpreise nicht im product.push enthalten JTL-Wawi - Fehler und Bugs 0
Neu JTL-Wawi 1.10.8.0 Error bei Bestellhistorie erneut Abrufen vom Shop JTL-Wawi - Fehler und Bugs 0
JTL-Shop Abgleiche geht nicht mehr JTL-Wawi 1.10 3
JTL Worker bleibt beim Status "Wird gestartet" stehen JTL-Wawi 1.10 5
Neu Erfahrungen Quivo "Send it Yourself" Labels + mögliche Alternativen - Versanddatenaustausch via JTL Wawi JTL-ShippingLabels - Ideen, Lob und Kritik 1
Neu JTL WAWI 1.9.8.0 - Manuell eingegebene Trackingnummern werden nicht mehr übertragen JTL-ShippingLabels - Fehler und Bugs 1
Neu Produktdatenmanager:in mit JTL-Erfahrung gesucht (Festanstellung, Raum Bielefeld) Dienstleistung, Jobs und Ähnliches 3
Neu Artikelübersicht: JTL-Shop lädt per AJAX gesamte Html-Seite in das Filter-Modal JTL-Shop - Fehler und Bugs 0
Neu JTL POS und Sump Zuordnung von Belegen Allgemeine Fragen zu JTL-POS 1
Neu JTL 1.9.8.0 Suchergebnisse werden nicht gefiltert, sondern nur gelb markiert ? User helfen Usern - Fragen zu JTL-Wawi 4
Neu Zugriff auf Rechnungsnummer innerhalb von JTL Shop Technische Fragen zu Plugins und Templates 0
Neu JTL GPSR Plugin - Automatischer https://-Prefix trotz HTML-Formatierung im Hersteller-Text Plugins für JTL-Shop 7
Neu Erfahrung mit dem Anbieter eBakery - kein JTL-Servicepartner mehr! Dienstleistung, Jobs und Ähnliches 42
Neu Kein Support für "Auftragspaket 100" in JTL Start Edition JTL-Wawi - Ideen, Lob und Kritik 23
Neu Welchen Shopify Plan brauche ich um Kundendaten mit JTL abzugleichen? Shopify-Connector 0
Neu JTL-Wawi kein Datenbankzugriff nach Windows Update JTL-Wawi - Fehler und Bugs 8
Neu Fehlermeldung eigener Export JTL Ameise JTL Ameise - Eigene Exporte 4
Neu JTL Ameise Kein Import von Kundendatenmehr JTL-Ameise - Fehler und Bugs 3
JTL Connector & Shopware 5 Shopware-Connector 5
Neu JTL Shop Staffelpreise werden nicht angezeigt Allgemeine Fragen zu JTL-Shop 7
Neu Das Stable Release von JTL-Wawi 1.10 ist da! Releaseforum 0
Neu JTL-Connector (Drittanbieter) - Kein product.push (oder andere Artikel Updates) über Worker User helfen Usern - Fragen zu JTL-Wawi 0
Neu JTL-Packtisch "Markierte Positionen einbuchen" Rechte fehlen Installation von JTL-WMS / JTL-Packtisch+ 0
Neu JTL Wawi / Shop / POS in der Schweiz Starten mit JTL: Projektabwicklung & Migration 0
Neu Affiliate Plugin Empfehlung für JTL Shop 5 Plugins für JTL-Shop 0
Neu das JTL Konfigurator-Modul kann ich ab welcher Wawi Version nutzen ? User helfen Usern - Fragen zu JTL-Wawi 6
JTL stürzt beim Minimieren ab JTL-Wawi 1.9 0
Neu Simples CRM als Ergänzung von JTL Arbeitsabläufe in JTL-Wawi 10
Beantwortet Workflow: Zahlungserinnerung aus dem JTL Guid, versendet beim Testen mehr als nur 1 E-Mail JTL-Workflows - Fehler und Bugs 2
JTL Wawi startet nicht mehr nach Windows Update KB5055683 JTL-Wawi 1.9 1
Gestaltung und Einrichtung JTL-Shop Einrichtung JTL-Shop5 5
Neu JTL Ameise Import extrem Langsam JTL-Ameise - Fehler und Bugs 1
Inkompatible Version JTL WAWI - Die verwendete Version ist zu alt JTL-Wawi 1.9 3
JTL-Wawi 1.9.7.1 – Wie kann man "Suchbegriffe" für Kaufland.de anlegen? JTL-Wawi 1.9 0
Neu JTL Shipping DHL International HS-Code Arbeitsabläufe in JTL-Wawi 3
Neu Problem: JTL Lizenzen weg, obwohl im Konto vorhanden JTL-Wawi - Fehler und Bugs 9
Neu Probleme beim Abgleich von JTL WAWI und JTL Shop JTL-Wawi - Fehler und Bugs 8
Neu JTL Wawi - SaaS Shopware 6 - Eigene Felder anlegen User helfen Usern - Fragen zu JTL-Wawi 0
Neu JTL Wawi Beschaffung - keine EK Preise User helfen Usern - Fragen zu JTL-Wawi 6
Neu eA: Fragen zur Buchung JTL Einrichtung und Installation von JTL-eazyAuction 2
Problem bei der Anzeige von Kindartikel-Titeln bei Vaterartikeln (JTL-Shop & eBay) JTL-Wawi 1.9 0

Ähnliche Themen

Top Bottom