{"product_id":"load-more-button-brooklyn","title":"Load More Button","description":"\u003cp class=\"task-lead\"\u003eA brand wanted pagination replaced with a load more button on collections and search results.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eRemove pagination from collection pages and search results and switch to a load more button. Load thirty products, then more on click.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003ePagination that interrupted browsing.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe replaced pagination with a load more button on collections and search results, loading products in batches while keeping the URL updated so back navigation works.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eLoad more button on collections\u003c\/li\u003e\n\u003cli\u003eLoad more on search results\u003c\/li\u003e\n\u003cli\u003eBatch size set in the theme editor\u003c\/li\u003e\n\u003cli\u003eBack navigation preserved\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155693858890,"sku":"TASK-0271","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/load-more-button-brooklyn","provider":"TaskHusky","version":"1.0","type":"link"}