{"product_id":"implement-infinite-scroll-on-collection-mobilia","title":"Implement Infinite Scroll on Collection","description":"\u003cp class=\"task-lead\"\u003eA boutique had infinite scroll on collection pages but the sort order was breaking when more products loaded.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI have a working implementation of infinite scroll on the collection page, but when it loads more products, the sort order gets messed up. Products from later pages appear out of sequence.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe scroll worked but the ordering didn't. Customers sorting by price would see the sequence break after the first batch.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe rebuilt the infinite scroll so it respects the customer's active sort and filter when loading additional products. The URL updates as they scroll, so sharing a link or hitting back returns them to the same spot.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eInfinite scroll respects active sort and filters\u003c\/li\u003e\n\u003cli\u003eURL updates as products load\u003c\/li\u003e\n\u003cli\u003eBack button returns to the same scroll position\u003c\/li\u003e\n\u003cli\u003eWorks across all collections\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44154835271754,"sku":"TASK-0041","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/implement-infinite-scroll-on-collection-mobilia","provider":"TaskHusky","version":"1.0","type":"link"}