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	379	March 8, 2024
Hey y'all - how do I create pages / do pagination? Installation	0	370	January 5, 2021
Infinite scroll with button without JQuery Themes	7	1870	October 19, 2022
Is the child theme concept on the roadmap? Using Ghost	1	885	April 2, 2020
Searching for a theme Themes	2	231	March 22, 2024

Infinite scroll on Source theme homepage

Related Topics