Neu Eigenes Javascript funktioniert nicht

  • Wichtiger Hinweis Liebe Kunden, solltet Ihr den DATEV Rechnungsdatenservice 2.0 nutzen, dann müsst Ihr bis zum 30.06.2024 JTL-Wawi 1.9 installieren. Danach wird die Schnittstelle für ältere Versionen nicht mehr unterstützt.
  • JTL-Connect 2024: Ihr habt noch kein Ticket? Jetzt Early Bird Ticket zum Vorzugspreis sichern! HIER geht es zum Ticketverkauf

SerdarC

Mitglied
18. April 2023
75
7
Guten Abend/Nacht liebe Community,

ich habe folgendes Problem:

In der template.xml ist folgendes hinterlegt:

<JS Name="jtl3.js"> <File Path="js/me-custom.js"/> </JS>

Ich krieg jedoch folgenden Javascript nicht zum laufen, dieser ist unter templates\novachild\js\me-custom.js eingepflegt.

document.addEventListener("DOMContentLoaded", function() { var slides = document.querySelectorAll('.slider-container-neu .slide'); var currentSlide = 0; var slideInterval = setInterval(nextSlide, 3000); function nextSlide() { slides[currentSlide].style.display = 'none'; currentSlide = (currentSlide + 1) % slides.length; slides[currentSlide].style.display = 'block'; } });

Auf Codepen mit entsprechendem html und CSS läuft der Spaß jedoch..
Hab ich zu später Stund' einen Durchhänger oder wieso klappt das ganze nicht ?

Der Vollständigkeitshalber hier auch der HTML und CSS Code:

CSS:

.under-banner { display: flex; } .slider-under-banner { margin-right: 0px; } .slider-under-banner img { width: 100%; height: auto; border-radius: 20px; } .sidebar { flex: 0 0 50%; margin-left: 10px; } .row { display: flex; flex-wrap: wrap; } .column { flex: 0 0 50%; } .column img { width: 100%; height: auto; margin-bottom: 5px; } .slider-neu { overflow: hidden; } .slider-neu .slider-under-banner { display: flex; transition: transform 0.5s ease; } .slider-neu .slide { flex: 0 0 auto; width: 100%; } .slider-neu .slide img { width: 100%; height: auto; }

HTML
<div class="container opc-Container slider-container-neu"> <div class="under-banner"> <div class="slider-neu"> <div class="slider-under-banner"> <div class="slide"><img src="BILD_URL" alt="Bild 1"></div> <div class="slide"><img src="BILD_URL" alt="Bild 2"></div> <div class="slide"><img src="BILD_URL" alt="Bild 3"></div> <div class="slide"><img src="BILD_URL" alt="Bild 4"></div> <div class="slide"><img src="BILD_URL" alt="Bild 5"></div> <div class="slide"><img src="BILD_URL" alt="Bild 6"></div> <div class="slide"><img src="BILD_URL" alt="Bild 7"></div> </div> </div> <div class="sidebar"> <!-- Bilder für die Seitenleiste --> <div class="row"> <div class="column"> <img src="BILD_URL" alt="Bild 1"> </div> <div class="column"> <img src="BILD_URL" alt="Bild 2"> </div> </div> <div class="row"> <div class="column"> <img src="BILD_URL" alt="Bild 3"> </div> <div class="column"> <img src="BILD_URL" alt="Bild 4"> </div> </div> </div> </div> </div>


Ich habe im OPC einen Container, darin einen Rich Text, dann den HTML Code hinterlegt.
Unter Einstellungen -> Template die eigenen CSS Klassen hinzugefügt - Soweit funktioniert alles.

Nur das mit dem Javascript klappt nicht so wie ich will. :)

EDIT: Hat sich erledigt, ohne Link zum .js wird das auch nix, somit erledigt :D
 
Zuletzt bearbeitet:
Ähnliche Themen
Titel Forum Antworten Datum
Eigenes Feld in JTL Shop Einrichtung JTL-Shop5 2
Eigenes Feld wird nicht angezeigt JTL-Wawi 1.8 2
Neu Extra Javascript-File in Frontend Portlet laden Technische Fragen zu Plugins und Templates 0
Auslieferung funktioniert nicht JTL-Wawi 1.8 1
Artikel => Filter funktioniert nicht richtig JTL-Wawi 1.8 3
Artikelsuche mit % funktioniert nicht JTL-Wawi 1.9 2
Neu QRcode in 1.9.4.4 funktioniert nicht mehr. Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
Neu [GELÖST] Cache auf Redis umgestellt -> kein Access im Backend, Shop funktioniert nur mehr halb Betrieb / Pflege von JTL-Shop 1
Beantwortet Guide Workflow: "Postnummer in das Feld Adresszusatz verschieben" funktioniert nicht JTL-Workflows - Ideen, Lob und Kritik 2
Hermes Beilegeretoure funktioniert nicht. JTL-Wawi 1.9 0
Neu Metdaten/Versandklassen import funktioniert nicht Einrichtung und Installation von JTL-eazyAuction 0
Neu Retoure/ Umtausch und Neukauf im gleichen Kassenbon funktioniert nicht mehr JTL-POS - Fehler und Bugs 3
Update 1.9.4.3 Ausgabe funktioniert nicht mehr JTL-Wawi 1.9 8
Neu JTL Standardsuche funktioniert nicht - nach Deaktiverung Doofinder Allgemeine Fragen zu JTL-Shop 3
Neu JTL - Shopify Verbindung funktioniert nicht mehr Shopify-Connector 0
Neu JTL Shop Suche funktioniert nicht richtig JTL-Shop - Fehler und Bugs 2
Neu Artikelsuche mit % Platzhalter funktioniert nicht mehr Gelöste Themen in diesem Bereich 9
Neu 1.9.4.1 Ausgabe Dropdown-Menü für Angebote und Aufträge funktioniert nach Update nicht mehr Installation von JTL-Wawi 6
Neu Ausgabeknopf im Kundenreiter funktioniert nicht mehr // 1.9.4.1 Stable JTL-Wawi - Fehler und Bugs 7
Neu Upload funktioniert nicht, von jetzt auf gleich! WooCommerce-Connector 10
Neu Weiterleiten funktioniert nicht Betrieb / Pflege von JTL-Shop 2
Neu Wieso funktioniert DividedBy unter diesen Umständen nicht? User helfen Usern - Fragen zu JTL-Wawi 2
Neu JTL Search funktioniert nicht seit Shopupdate auf 5.3.1 JTL-Shop - Fehler und Bugs 0
Neu Workflow - Positionen an Dropshipping-Lieferant mailen. Warum funktioniert dieser Code nicht? User helfen Usern - Fragen zu JTL-Wawi 1
Postleitzahlen prüfen funktioniert nicht Einrichtung JTL-Shop5 0
Neu [BUG] Erweiterter Filter "Laufend bei Ebay" funktioniert nicht mehr [v1.8.xx & 1.9.x.x] Gelöste Themen in diesem Bereich 7
Neu JTL Übertragung zu Shopify funktioniert nicht Shopify-Connector 0
Ich habe auf NOVA umgestellt aber PayPal funktioniert nicht Einrichtung JTL-Shop5 1
Lieferadresse auswählen funktioniert nicht mehr korrekt JTL-Wawi 1.8 3
Neu Nach Update auf 5.3 funktioniert das Video-Portlet für lokale Videos nicht Gelöste Themen in diesem Bereich 9
Neu Update des JTL shops aus der Wawi funktioniert nicht Allgemeine Fragen zu JTL-Shop 1

Ähnliche Themen