CustomCatalog: Infinit scroll, Ajax-Liste

[Tim]

Hi Leute,
heute ein kleines Vorlagen-Template für eine endlose CC-Liste, die beim Erreichen des unteren Bildschirmrands beim Scrollen per Ajax weitere Inhalte läd.

Die Liste Einstellung: Einträge pro Seite steuert die Anzahl an Einträgen die am Anfang sichtbar sind und später dazu geladen werden.

Die Ausgabe basiert auf zwei Templates:
1. customcatalog_infinitscroll.html5 -> Das Haupt-Template, das auch das jQuery Script beinhaltet und für die Liste ausgewählt wird
2. customcatalog_infinitscroll_ajax_content.html5 -> Das Ajax-Inhalt-Template, das die Ausgabe des Ajax-Inhalts steuert. Dies ist imgrunde auch ein einfaches customcatalog_ Template.

Hier noch ein kleines Video meiner Testumgebung: http://www.tim-gatzky.de/customcatal...initscroll.mov

Ein Screenshot der Modul-Einstellung:

[D23]

Cooooooool... (10 Zeichen? Check!)

[filipt]

Hi Leute,
heute ein kleines Vorlagen-Template für eine endlose CC-Liste, die beim Erreichen des unteren Bildschirmrands beim Scrollen per Ajax weitere Inhalte läd.

Die Liste Einstellung: Einträge pro Seite steuert die Anzahl an Einträgen die am Anfang sichtbar sind und später dazu geladen werden.

Die Ausgabe basiert auf zwei Templates:
1. customcatalog_infinitscroll.html5 -> Das Haupt-Template, das auch das jQuery Script beinhaltet und für die Liste ausgewählt wird
2. customcatalog_infinitscroll_ajax_content.html5 -> Das Ajax-Inhalt-Template, das die Ausgabe des Ajax-Inhalts steuert. Dies ist imgrunde auch ein einfaches customcatalog_ Template.

Hier noch ein kleines Video meiner Testumgebung:

Ein Screenshot der Modul-Einstellung:

Ist das noch genauso verwendbar unter Contao 4.4? Bei mir läuft AJAX mit dem Template leider nicht.

[Tim]

Mhh... ich denke das ist relativ Contao unabhängig. Es wird halt jquery benötigt

[filipt]

Mhh... ich denke das ist relativ Contao unabhängig. Es wird halt jquery benötigt

Das setzt Script setzt automatisch jQuery in die Seite ein, also sollte es so oder so laufen?

Ich habe es mal bei einer frischen Eclipse X Installation probiert, hat bei mir nicht funktioniert.

[Tim]

Es setzt nur jquery ein, wenn nicht über die Seitenlayouts bereits gesetzt.

[Tim]

Ich habe noch eine Abfrage auf das Sortierfeld gesetzt. Ohne meckert er.
http://cc.unlimited-c4.premium-conta...it-scroll.html

[FrankB]

Hallo Tim,
habe heute mal mit Infinit scroll gespielt.
Funktioniert soweit auch. Allerdings wird bei einem Filter am Ende der Ergebnisse wieder alle Einträge angehängt.



Woran könnte dies liegen?

[FrankB]

mmhh schade - Gibt es keinen Lösungsansatz?

[Tim]

Das Template ist ein kleines Beispiel und dient als Startpunkt für eigene Anpassungen. Es wurde nicht unter Filter-Szenarien entwickelt.

[AdrianPiwo]

Huhu, wie komme ich den an die Templates?
Im Contao-Template-Bereich finde ich diese nicht

[Tim]

Huhu, wie komme ich den an die Templates?
Im Contao-Template-Bereich finde ich diese nicht

Die Templates sind oben verlinkt zum Download. Ich habe sie nochmal angehängt und den Eintrag frisch gespeichert.

[eblick]

Gibt es die Dateien noch? Ich sehe oben keine.

[Tim]

Mhh... eigentlich schon. Ich speichere nochmal über.