How to display all products on a single collection page?
To keep collection pages lightweight, we use pagination for all themes. If you want to display all of your products on the first collection page (similar to the infinite scroll feature), you can achieve this by making a few adjustments to the theme code.
To begin, access your theme editor by navigating to your Shopify admin > Themes. Once there, click on the ellipsis (...). From the dropdown menu, select the option to Edit code. After that, you will need to find the file named main-collection.liquid (for Impulse, Motion, and Streamline themes) and section-main-collection.liquid (for Expanse, Gem, and Fetch themes). Within this file, search for the following line of code:
{%- paginate collection.products by paginate_by -%}
or
{% paginate collection.products by paginate_by %}
Next, remove the paginate_by code and replace that with your desired number of products per page. Here's an example:
{%- paginate collection.products by 40 -%}
Setting this to 40 will display 40 products per page. Shopify recommends a limit of 50 products per page, as exceeding this may impact loading speed. You can set a higher value, but be aware that it may affect performance.