Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Adding an infinite scroll loop to a page

Adding an infinite scroll loop to a page

Scheduled Pinned Locked Moved General Discussion
11 Posts 6 Posters 322 Views 2 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • RichardR Offline
    RichardR Offline
    Richard
    Global Moderator
    wrote on last edited by
    #2

    Dear Allie

    @allie-heesh

    This could be done by creating your Layout with the Fullscreen Slider.
    Each Row of the Gridder will become an Individual Slide.

    Reaching the final slide will take your back to the First slide like in your Codepen example šŸŒ


    Best
    Richard
    1 Reply Last reply
    0
    • A Offline
      A Offline
      allie heesh
      wrote on last edited by
      #3

      Hey Richard

      Thanks for your reply and help.
      I made a test with my current layout, by enabling a full screen slider. I see that I can't have both a free scroll and the content looped which is kind of crucial to the layout i was thinking as i am not working in modules or specific blocks of content.

      Here is the link to my page that i would like looping which will make things clearer: https://www.allieheesh.com/?page_id=118&preview=true

      Is there something that I can do that enables the page to have a free scroll and content looped. Also its good to note i have a fixed element of text in the centre of the screen which obviously doesn't work correctly when using the full screen slider.

      Hope theres a solution for this.

      Thanks
      Allie

      1 Reply Last reply
      1
      • RichardR Offline
        RichardR Offline
        Richard
        Global Moderator
        wrote on last edited by
        #4

        Dear Allie

        @allie-heesh

        To be honest i don't quite know šŸŒ
        This would take a deeper dive into custom coding


        Sincerely
        Richard
        1 Reply Last reply
        0
        • alvarodozeA Offline
          alvarodozeA Offline
          alvarodoze
          wrote on last edited by
          #5

          Would be great to have a infinite scroll feature!

          1 Reply Last reply
          0
          • alvarodozeA Offline
            alvarodozeA Offline
            alvarodoze
            wrote on last edited by
            #6

            I think https://jetpack.com/support/infinite-scroll/ but I'm not sure if Laytheme supports jetpack...

            1 Reply Last reply
            0
            • arminunruhA Offline
              arminunruhA Offline
              arminunruh
              Global Moderator
              wrote on last edited by
              #7

              lay theme doesn't support infinite scroll and i think i wont support it :|

              CKC 1 Reply Last reply
              0
              • arminunruhA arminunruh

                lay theme doesn't support infinite scroll and i think i wont support it :|

                CKC Offline
                CKC Offline
                CK
                wrote on last edited by
                #8

                @arminunruh PLEASE!

                1 Reply Last reply
                0
                • arminunruhA Offline
                  arminunruhA Offline
                  arminunruh
                  Global Moderator
                  wrote on last edited by
                  #9

                  there are no plans for inifinite scroll functionality, but if you want to pay me to code this for lay theme we can talk about it

                  1 Reply Last reply
                  0
                  • L Offline
                    L Offline
                    leostelas
                    wrote last edited by leostelas
                    #10

                    Hi there Armin - I would have a similar feature request for an infinite scroll scenario. Basically: imagine the typical landing page with a grid of project thumbnails. When you click on one of the thumbnails and it opens the subpage for that project (either as an overlay or as a "new page") - once you scrolled to the end of that project subpage the thumbail grid of the landing page will appear again.

                    Exactly like on this website: https://www.franzgruenewald.com/ (status 22.10.2025)

                    Feel free to contact me in case that is something you'd custom code.

                    1 Reply Last reply
                    0
                    • arminunruhA Offline
                      arminunruhA Offline
                      arminunruh
                      Global Moderator
                      wrote last edited by
                      #11

                      hey @leostelas !

                      looking at the site, it seems that on project pages like these:
                      https://www.franzgruenewald.com/projects/greek-island-hopping

                      when you scroll to the bottom, you simply have the selected projects again, which in lay theme's case would be for example a thumbnailgrid element:

                      image.png

                      you could create a page to use as a footer.
                      this footer should contain your "selected projects" thumbnailgrid.
                      then in lay options -> footer,

                      image.png

                      just set that page as the footer for projects.

                      this way at the end of every project, you would have the overview of all projects!
                      in lay options, you even have this setting that can be helpful for this kind of footer:
                      7e7ddc70-06a1-470d-9691-97b3980956e3-image.png

                      1 Reply Last reply
                      0
                      Reply
                      • Reply as topic
                      Log in to reply
                      • Oldest to Newest
                      • Newest to Oldest
                      • Most Votes


                      I also code custom websites or custom Lay features.
                      šŸ’æ Email me here: šŸ’æ
                      info@laytheme.com

                      Our Web Development company: 100k.studio

                      Want to tip me? https://www.paypal.com/paypalme/arminunruh

                      Before you post:
                      1. When using a WordPress Cache plugin, disable it or clear your cache.
                      2. Update Lay Theme and all Lay Theme Addons
                      3. Disable all Plugins
                      4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                      This often solves issues you might run into

                      When you post:
                      1. Post a link to where the problem is
                      2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                      3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                      Online Users
                      C
                      craigfeldspar
                      Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                      laytheme.com
                      • Login

                      • Don't have an account? Register

                      • Login or register to search.
                      • First post
                        Last post
                      0
                      • Recent
                      • Tags
                      • Popular
                      • Users
                      • Search