Adding a view all function to collection pages


This is an advanced tutorial and is not supported by Shopify. Knowledge of web design languages such as HTML, CSS, Javascript and Liquid is required. We suggest hiring a Shopify Expert if you are not comfortable proceeding with the following tutorial.


This document has not been verified to work with sectioned themes. We are currently reviewing our documentation and will update them soon. You can try to implement this on your theme, but keep in mind that it may not function.

You can show a maximum of 50 products per page. You can't exceed that number even with a View All function.

To add a View All function to your collection pages, you might need to reach out to a designer. To find one, look for one in our Shopify Experts section.

Your theme will need to be customized. Here are the steps:

  1. Find the theme you want to edit, click the ... button, and then click Edit HTML/CSS.

  2. Under the Templates folder, locate and click on collection.liquid to open it in the online code editor.

  3. Add a View All link to your collection.liquid template, and make that link point to /collections/{{ collection.handle }}?view=all

  4. Save your changes.

  5. Under the Templates folder, click on the Add a new template button.

  6. Create a collection template named collection.all. Your collection.all template will open in the online code editor.

  7. In your new collection.all.liquid template, paginate by 50, and add a link to your paginated collection, using /collections/{{ collection.handle }} as URL.

  8. Save your changes.


The maximum number of products that you can query per page is 50. Because of this, make sure that you don't paginate a collection by more than 50.

Want to discuss this page?

Visit the Shopify Community