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: 239 Größe: 64,0 KB ID: 9282
    Angehängte Dateien
    Zuletzt geändert von Tim; 27.04.2023, 11:25.
    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: 227
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


                    • #11
                      Huhu, wie komme ich den an die Templates?
                      Im Contao-Template-Bereich finde ich diese nicht
                      Klicke auf die Grafik für eine vergrößerte Ansicht

Name: Bildschirmfoto 2022-12-30 um 08.50.14.png
Ansichten: 213
Größe: 80,4 KB
ID: 26511
                      Angehängte Dateien

                      Kommentar


                      • #12
                        Zitat von AdrianPiwo Beitrag anzeigen
                        Huhu, wie komme ich den an die Templates?
                        Im Contao-Template-Bereich finde ich diese nicht
                        Klicke auf die Grafik für eine vergrößerte Ansicht  Name: Bildschirmfoto 2022-12-30 um 08.50.14.png Ansichten: 8 Größe: 80,4 KB ID: 26511
                        Die Templates sind oben verlinkt zum Download. Ich habe sie nochmal angehängt und den Eintrag frisch gespeichert.
                        http://www.premium-contao-themes.com

                        Kommentar


                        • #13
                          Gibt es die Dateien noch? Ich sehe oben keine.

                          Kommentar


                          • #14
                            Mhh... eigentlich schon. Ich speichere nochmal über.

                            http://www.premium-contao-themes.com

                            Kommentar

                            Lädt...
                            X