Infinite scroll on Source theme homepage

ROY · February 13, 2024, 9:33pm

Can anyone suggest how can I have infinite scroll for posts on the homepage?

I’m on Ghost Starter Plan and using the latest version of Source theme.

Thanks

brightthemes · February 24, 2024, 6:46pm

The infinte scroll is part of the theme:

TryGhost/Source/blob/main/assets/js/pagination.js

function pagination(isInfinite = true, done, isMasonry = false) {
    const feedElement = document.querySelector('.gh-feed');
    if (!feedElement) return;

    let loading = false;
    const target = feedElement.nextElementSibling || document.querySelector('.gh-footer');
    const buttonElement = document.querySelector('.gh-loadmore');

    if (!document.querySelector('link[rel=next]') && buttonElement) {
        buttonElement.remove();
    }

    const loadNextPage = async function () {
        const nextElement = document.querySelector('link[rel=next]');
        if (!nextElement) return;

        try {
            const res = await fetch(nextElement.href);
            const html = await res.text();
            const parser = new DOMParser();

This file has been truncated. show original

This is not triggered on the homepage by design, only on the subsequent page 2, it’s defined here:

github.com

TryGhost/Source/blob/dc3e6cb5395efbb52e3463f79345b13543d47e2a/assets/js/main.js#L44-L47


      
          (function () {
              if (!document.body.classList.contains('home-template') && !document.body.classList.contains('post-template')) {
                  pagination();
              }

That is probably because page 2 shows again some posts from the homepage, and it would result in some duplicate posts with the current setup.

Topic		Replies	Views
Infinite scroll is broken in Source theme Bugs	6	526	March 8, 2024
How to Add Pagination In Homepage source theme (v1.4.1) Themes	12	46	December 19, 2024
How to disable infinite scrolling with Casper theme Themes	4	1677	September 25, 2020
Show all posts? Using Ghost	8	415	February 13, 2024
How to have infinity number of posts in Edge theme home page? Themes	1	174	November 4, 2023

Infinite scroll on Source theme homepage

Related topics