Load alle sider

Hej. Jeg er igang med at bygge en webshop i systemet Shopify.

Problemet er at man kun kan se 50 produkter pr. side på kollektions siderne.
Det skaber nogle problemer hvis man vil lave et sorterings plugin.

Så hvordan loader jeg alle sider og tilføjer dem til en container.

Sådan her kan opstillingen på siden se ud:

 <ul id="products">
    <li>Produkt 1</li>
    <li>Produkt 2</li>
 </ul>
 
 <div id="next"><a href="{{ link_to_nextpage }}">Næste side</a></div>

Min teori til hvordan det skal gøres er sådan her:

#1 Lav et element hvor nye elementer bliver loaded via jQuery.load()
#2 Find URL ved at bruge attr('href') på #next a
#3 Load nye elementer ind i element med nye elementer, og append dem til #products
#4 Find det nye URL som er blevet loaded sammen med de nye elementer.

Nogle der kan komme med en løsning til dette?