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
Beantwortet Slider nur noch mit Bild gefüllt Installation / Updates von JTL-Shop 1
Neu JTL-Shop 5.2.3 – Google-Shoppin-Plugin 2.3.0: Mehrere Rückgaberichtlinien (DE + Ausland) bei einem Feed / return_policy_label Plugins für JTL-Shop 0
Neu Auftragsbezogene Pickliste auch im JTL-WMS (nicht nur mobil) nutzen JTL-WMS / JTL-Packtisch+ - Ideen, Lob und Kritik 0
Seit dem Update auf JTL Wawi 1.11.4 funktioniert der Workflow "Datei Schreiben" nicht JTL-Wawi 1.11 0
JTL Wawi 1.11.4 "Dashboard übernehmen" funktioniert nicht JTL-Wawi 1.11 1
Neu JTL Pos - Bon - Artikelname kürzen Allgemeine Fragen zu JTL-POS 0
JTL-Wawi App (1.11.x) – Lizenz angeblich belegt nach Löschen aller App-Registrierungen / kein Reset möglich JTL-Wawi App 2
Smart App Control blockiert start von JTL-Wawi JTL-Wawi 1.11 0
Manuelle Workflows nicht mehr ausführbar (App 1.11.0 JTL 1.11.5) JTL-Wawi App 4
Neu Shopify Geschenkgutscheine > JTL > JERA JTL2BMD Shopify-Connector 0
Neu JTL Wawi auf Windows Server 2025 mit SQL 2025? Installation von JTL-Wawi 4
Erfahrungen zur JTL Wawi 1.11.5 – Tipps, Bugs und Praxisberichte JTL-Wawi 1.11 9
Seit Update auf 1.11.4 Workflow für Kartonauswahl gibt error JTL Das Objekt mit Nullwert muss einen Wert haben. BrowsePk: 152325 WorkflowAktionId: 155 JTL-Wawi 1.11 1
Neu JTL SHOP 5.6 und Konfigurationsartikel Allgemeine Fragen zu JTL-Shop 0
Neu JTL-Wawi 1.11.4 – Vaterartikel lässt sich nach Entfernen eines Kindartikels nicht mehr speichern JTL-Wawi - Fehler und Bugs 3
Neu JTL-Packtisch Sortieren ist Grau Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 0
Neu JTL-Kundencenter 2FA Smalltalk 8
Neu Empfehlung einer Woocommerce & JTL Agentur WooCommerce-Connector 2
Neu JERA kann keine Conrad-Erlöse aus JTL importieren, JTL-SCX importiert keine Conrad-Rechnungen JTL-ShippingLabels - Fehler und Bugs 3
Neu JTL Diag / SQL Mitschnitt lässt sich nicht mehr starten User helfen Usern - Fragen zu JTL-Wawi 6
Neu Neues E-Commerce Business mit JTL Wawi - Jtl Shop - Lexware Office (online) - Fragen Starten mit JTL: Projektabwicklung & Migration 2
Neu JTL auf dem Server duplizieren für Experimente Installation von JTL-Wawi 1
Neu Vorschlag: Inventur direkt im JTL-WMS ermöglichen JTL-WMS / JTL-Packtisch+ - Ideen, Lob und Kritik 0
Neu Wo kann ich mich über JTL Kundencenter beschweren? 20 Minuten Lang einen Bug im Ticket dokumentiert, und am Ende "ein Fehler ist aufgetreten" Smalltalk 3
JTL-Ameise - Problem Artikeldaten Import JTL-Wawi 1.11 3
Neu JTL Shopify Connector selektiver Import in JTL Shopify-Connector 2
Angebot auf EBay erhält Netto Preise aus JTL eBay-Anbindung - Fehler und Bugs 2
Neu Bestellung aus JTL-Shop wird nicht in die Wawi übernommen Allgemeine Fragen zu JTL-Shop 1
Neu Update: JTL-Gambio-Connector Gambio-Connector 0
Neu JTL - Cloud-Lösung ? Smalltalk 3
Neu Wie verbanne ich Fremdsprachen-Anfragen aus der JTL-Search? Allgemeine Fragen zu JTL-Shop 0
Neu Export/Import aller Amazon Angebote über die JTL-Ameise JTL-Ameise - Fehler und Bugs 1
Neu Nach Update auf JTL Shop 5.6.1 - Play/Pause Buttons im Layout!? Installation / Updates von JTL-Shop 6
Neu 🚨 Hinweis für JTL-Händler, die Taxdoo nutzen News, Events und Umfragen 1
Neu Amazon VCS - JTL Wawi > 1.10 - Lexware: Suche Best Practice Amazon-Anbindung - Ideen, Lob und Kritik 1
JTL-WAWI teilweise extrem lahm JTL-Wawi 1.10 8
Anfrage zur Einrichtung des Dashboards (Gewinnanzeige) in JTL-Wawi – Remote-Support über AnyDesk JTL-Wawi 1.10 6
Neu Bestehende POS an WAWI anbinden (JTL Administrator) Einrichtung / Updates von JTL-POS 6
JTL Wawi 1.8.11.2 zum Download JTL-Wawi 1.8 1
JTL- Worker Dienst lässt sich nicht installieren über .bat-Datei JTL-Wawi 1.11 1
Neu JTL Wawo Objektverweis wurde nicht auf eine Objektinstanz festgelet JTL-Wawi - Fehler und Bugs 0
Neu JTL Shop Mailversand geht nicht mehr - Address blicked Allgemeine Fragen zu JTL-Shop 5
JTL-WaWi Konfigurator Bestandteile in WMS zusammenfassen JTL-Wawi 1.11 3
Störung der Domain Infrastruktur JTL-Software Störungsmeldungen 0
Neu Woocommerce + JTL Connector + Litespeed Cache WooCommerce-Connector 0
Neu BMEcat Schnittstelle JTL-Wawi [DEV] Schnittstellen Import / Export 3
Neu JTL-MeetUp mit eBay in Berlin Messen, Stammtische und interessante Events 0
Neu JTL-Shop: Veraltete URLs & Weiterleitungen in der Sitemap – wie lösen? Allgemeine Fragen zu JTL-Shop 0
Neu Coupon-Steuer Plugin: Korrekte Steuerberechnung für JTL-Shop Coupons Plugins für JTL-Shop 1
Neu JTL Coupon Alternative - was gibt es so? Plugins für JTL-Shop 2

Ähnliche Themen

Top Bottom