Restore infinite scroll position after navigating via browser back/forward buttons

Feature Requests / Improvements
1

woocommerce Product archive page. query loop with Infinite scroll .

go to Archive page scroll down to like 120 products click on some product and then press back button its goes back to top of the archive page basically refresh the page.

is there any way to go back to same 120 product that i was on. hope you guys understand .

1 Like
2

Hi Habeeb,
Welcome to the forum!

Unfortunately, with the current code base, this is currently not possible. I moved your request to the ā€œFeature requests/improvementsā€ category so we can pick it up at a later point.

Best regards,
timmse

3

Hi @timmse . Is this still not possible or itā€™s planned in any future updates? Thanks!

4

Not that Iā€™m aware of, no. Unfortunately, there are currently no plans to integrate this soon.

5

Hey! I finally found a solution if anybody still needs this. Just insert this code into an code element:

const scrollKey = 'scrollPosition';
const pageKey = 'currentPage';

// Folosește 'pagehide' pentru a salva poziția de scroll
window.addEventListener('pagehide', function () {
    const categoryNames = ['category1', 'category2'];
    const currentUrl = window.location.href.toLowerCase();

    for (let i = 0; i < categoryNames.length; i++) {
        if (currentUrl.indexOf(categoryNames[i]) !== -1) {
            console.log('Salvez poziția de scroll pentru categoria:', categoryNames[i], window.scrollY);
            localStorage.setItem(scrollKey, window.scrollY); // Folosește localStorage
            localStorage.setItem(pageKey, currentUrl);
            break;
        }
    }
});

// Restaurare poziție de scroll
const savedPage = localStorage.getItem(pageKey);
const savedScroll = localStorage.getItem(scrollKey);

if (savedPage && savedScroll !== null && window.location.href === savedPage) {
    console.log('Restaurăm poziția de scroll pentru categoria:', savedPage, savedScroll);
    window.scrollTo({ top: parseInt(savedScroll, 10) }); // Elimină 'smooth' pentru testare
}
1 Like
6

Guys its a bug . you will need to disable the query filter. in settings . in order the for Fwrd and backward cache to work. Hopfully they fix it in next update.

7

This code didnā€™t work for me - it did restore the scroll position, but since the new items werenā€™t loaded yet, it just took me to the bottom of my page :frowning:

8

Dear All,
Actually this is serious problem for my Customer because of if you load 400 products in a category, you click on a product and go back to category view my Customerā€™s Customer will leave the page and will not go down again. So I think the solution should be in the following update and not later. Dear Team, We need your help, please.

Temporarely we will use popup product view for the products.

9

Actually my Customer realized it works in Google Chrome and Android Google Chrome as well. It is not working for example in Firefox, Microsoft Edge, Opera.

Why is it working in Google Chrome?

10

Dear Team,
Sorry for writing again but it looks like WP Rocket setting change solved my issue on Chrome. I turned off ā€œLoad JavaScript deferredā€ and that solved my issue on Google Chrome.

Firefox is not working after this change. Could you give a solution for that, please.