Ankündigung

Einklappen
Keine Ankündigung bisher.

CustomCatalog: Infinit scroll, Ajax-Liste

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • CustomCatalog: Infinit scroll, Ajax-Liste

    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:

    Klicke auf die Grafik für eine vergrößerte Ansicht

Name: screenshot_2585.jpg
Ansichten: 43
Größe: 64,0 KB
ID: 9282


    Angehängte Dateien
    Zuletzt geändert von Tim; 21.02.2020, 10:46.
    http://www.premium-contao-themes.com

  • #2
    Cooooooool... (10 Zeichen? Check!)

    Kommentar


    • #3
      Zitat von Tim Beitrag anzeigen
      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.

      Kommentar


      • #4
        Mhh... ich denke das ist relativ Contao unabhängig. Es wird halt jquery benötigt
        http://www.premium-contao-themes.com

        Kommentar


        • #5
          Zitat von Tim Beitrag anzeigen
          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.

          Kommentar


          • #6
            Es setzt nur jquery ein, wenn nicht über die Seitenlayouts bereits gesetzt.
            http://www.premium-contao-themes.com

            Kommentar


            • #7
              Ich habe noch eine Abfrage auf das Sortierfeld gesetzt. Ohne meckert er.
              http://cc.unlimited-c4.premium-conta...it-scroll.html
              http://www.premium-contao-themes.com

              Kommentar


              • #8
                ​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.

                Klicke auf die Grafik für eine vergrößerte Ansicht

Name: Screenshot 2021-06-13 132702.png
Ansichten: 24
Größe: 16,4 KB
ID: 22697

                Woran könnte dies liegen?

                Kommentar


                • #9
                  mmhh schade - Gibt es keinen Lösungsansatz?

                  Kommentar


                  • #10
                    Das Template ist ein kleines Beispiel und dient als Startpunkt für eigene Anpassungen. Es wurde nicht unter Filter-Szenarien entwickelt.
                    http://www.premium-contao-themes.com

                    Kommentar

                    Lädt...
                    X