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 (",)
Copied!