Individuelles Scrollpanel

[Wiercinski]

Hallo!

Ich suche für ein Projekt eine Möglichkeit, eine horizontale Navigation mit einem eigenen Template zu versehen.
Gerne mithilfe von Javascript.

Bin bereits auf die Erweiterung [ScrollPane] gestoßen, jedoch verträgt die sich leider nicht mit dem NoobSlider, den ich ebenfalls in diesem Projekt benutze.

Hat jemand eine Idee?

Es handelt sich um diese Seite:
*klick*
Die Stelle, an der ich die PLatzhalter eingefügt habe

Allerbeste Grüße,
Basti :-)

[Messa]

Kommt irgendein Fehler wenn du beides drinne hast?

Sonst könntest du auch Jquery verwenden http://jscrollpane.kelvinluck.com/
Mir noconflict http://www.contao-community.de/showt...-im-noConflict

Liebe Grüße
Matthias

[Wiercinski]

Ok, dann wäre meine nächste Frage, ob du mir vielleicht kurz erläutern kannst oder nen link für mich hast, wie ich jQuery & eigene JS Dateien in contao korrekt benutze..?
Kenne das nur mit den Erweiterungen...

Nein, es kommt kein Fehler, aber der Noobslider slidet dann einfach nicht mehr...

[Messa]

1. [jquery] installieren.

2. Themes - Seitenlayouts - Experten-Einstellungen
2.1. jQuery verwenden ankreuzen
2.2. jQuery und MooTools laden ankrezuen
2.3. Rest nach ermessen

3. MooTools-Templates
3.1. moo_jquery_nc auswählen

4. Speichern.

Nun kannst du unter Eigener JavaScript-Code (Themes - Seitenlayouts)
Den Code einfügen.

Oder du machst ein moo_spanel_jq Templates (das moo ist vorne dran damit Contao die Datei auswählbar macht unter Themes - Seitenlayouts)

Es gibt sonst noch eine Erweiterung mit der man externe Dateien z.B. JS verwalten kann und einfügen weiß aber im moment nicht wie es heist

lg Matthias

[Wiercinski]

Alles klar!
Danke bis hierhin schon mal!

Habe die Schritte durchgeführt, dem entsprechenden Artikel die Klassen "scroll-pane" und "jspScrollable" zugewiesen und das Stylesheet des Scrollpanels in das Seitentemplate eingebunden.
Kannst ud mir sagen, wo mein Fehler liegt?

Beste Grüße!

[Messa]

Hast du dem zu scorllende Element / Artikel auch diese class mit gegeben?

.scroll-pane und in Conato ohnen den (.) eintragen.

Hier wenn du das Demo anschaust

http://jscrollpane.kelvinluck.com/basic.html

und dann den Quelltext sollte es verständlicher sein.

lg Matthias

[Wiercinski]

Ja, habe die Klasse ohne Punkt vergeben.
Werde mich morgen mal auf die Fehlersuche begeben...

Bräuchte da auch noch einen anderen Ratschlag.
Und zwar habe ich das Element, welches Momentan noch die Platzhalter beinhaltet als Artikel eingefügt, da es für den Kunden leicht editierbar sein soll.
Nun muss ich es jedoch in alle weiteren Seiten manuell einfügen, wozu ich den Artikel als Artikelelement einbinde - auf der Seite Warenkorb habe ich es beispielweise noch nicht gemacht.

Geht das nicht leichter?

[Messa]

Sind das immer die gleichen Artikel?
Dann könntest du mir InsertTags arbeiten
Also einen Artikel machen und Ihn per Modul (Eigner HTML Code) als Seitenlayout element einfügen.
So wär der Artikel auf jeder Seite und der Kunde braucht es nur an einer Stelle zu bearbeiten

{{insert_article::*}}

Statt dem * die Artilkel ID

http://www.contao.org/inserttags.html

lg Matthias