Load ALL Shopify Products in ONE Page - NO limit

Load ALL Shopify Products in ONE Page - NO limit

Log in or Sign up to ensure access to purchased code across multiple devices.

How to see the code

1. Please log in/create an account first. This is to ensure that all purchases are connected to an account and can be viewed on different devices.

2. Purchase the code using the "purchase box" on the specific page of the desired code.

3. After the purchase, please refresh the page.

Compatibility: All Shopify themes, code placement might vary

Shopify set a limit to show only 50 products per page in the collection, more on for making your website load faster. You can see the information here. With the Shopify limit, it does not mean that loading more than 50 products in the collection page is not possible. 

You can load more than 50 products at once but note, this might be make the product pictures load slowly. You can check the demo here to see what I mean. Password: made4uo. 

Yes, no infinite scrolling, no load more button and etc. 

 What you are buying:

  • Load more than 50 products in one page
  • Images might take time to load
  • No button or infinite scroll

What makes our code better:

  • We do not use external libraries, with that being said, our code will have no to minimal effect to your website's speed performance
  • We do not leave or add codes use to advertise for our website
  • Our code is mobile friendly

Any issues related to the code will be fix with no additional cost, excluding code customization requests. Simply contact us with "Chat with us." We are just a button away. 

To start:

1. In your Admin page, go to Online store > Themes
2. Choose the theme you want to edit then click Action > Edit code. 
3. Open the Snippet folder, and click "create a new snippet", name it "load-all-products." Then paste the code below and click SAVE.

4. Next, we need to add this to our collection section. Open the collection template for your corresponding theme. It is usually under the Section folder. For Shopify 2.0 free themes, it is the "main-collection-product-grid.liquid."


5. Next, find the " {%- endpaginate -%}." Then above it, place the code below.

6. Make sure to SAVE your work.


That is it (",)

Back to blog

Leave a comment