Show more products on a collection page(Old theme only)
In this article:
Introduction
Steps on how to show more products on collection page
1. Introduction
This article will guide you on how to display more products on a collection page. For example, for Candy theme, the product display limit on a collection page is only 25 products. Now you can make it into 50 products per collection page.
⚠️ Kindly take note :
?limit=50 will be shown behind all navigation-related URL links from the top bar and also, the mobile menu (which includes non-collection pages), in order to show 50 products per collection page
Old theme
Above all code editing, you will need to re-edit the code again if you switch to a new theme template
2. Steps on how to show more products on collection page
For top bar :
Click on Channels > Online Store > Edit Source > snippets > site-nav.liquid
Search for all these listed codes below and add ?limit=50 behind each of the url, as shown in the image below and don't forget to save when you're done.
{{ link.url }}
{{ parentlink.url }}
{{ childlink.url }}
{{ grandlink.url }}


Next, we move on to the mobile menu :
Go to Channels > Online Store > Edit Source > snippets > mobile-nav.liquid
Similar to top bar, search for all these listed codes below and add ?limit=50 behind each of the url, as shown in the image below and don't forget to save when you're done.
{{ link.url }}
{{ parentlink.url }}
{{ childlink.url }}
{{ grandlink.url }}


And you're all done!
Updated on: 17/10/2023
Thank you!