How to Remove Pagination in Shopify

How to Remove Pagination in Shopify:

After setting up your shopify store by default shopify shows pagination with 12 products displaying by default and after listing all products on your website by showing all products at once as soon as the users scrolls down and make a purchase and by creating collections, so its important to remove limit of pagination in shopify and increase the pagination limit to 50 or more and you can easily change the number of products shown on each collection page, product page or entirely remove pagination by tweaking a bit of code in shopify to remove pagination.

Related Shopify Articles:

1. How to Add Products to Shopify Store

2. Change the Order of Products in Shopify Store Collections

3. Display Related Products in Shopify Product Page Recommended Products

4. How to Create Menu and Sub Menu in Shopify Navigation Section

Remove Pagination in Shopify:

To remove pagination in shopify you need to follow below steps carefully and shopify makes it really easily for developers to display more than 50 products in each collection by removing pagination control.

Step 1 : Go to your theme settings and go to customize theme and go to any collections page in theme preview and then click collection pages tab in theme editor. By clicking on collection pages you will be seeing a list of all collections.

Step 2 : After clicking on collections there will be settings to display if your theme supports how many products to display per page. Apply settings as per needs and click save.

Step 3: If your theme does not support these settings then you need to tweak a bit of code in shopify to remove pagination in shopify and display 50 products per collections.

Step 4: Go to admin section and go to Online store -> Themes

Step 5: Go to Actions->Edit Code

Step 6: Go to Section Directory -> and Click on collection-template.liquid file.

Step 7: In the code editor -> find the following code:

{% paginate collection.products by 9 %}

The above default code in collection-templage.liquid file will be displaying 9 products in shopify front end instead of displaying 50 products. Here we are going to change these settings in shopify theme editor file to remove pagination in shopify and display 50 products per page.
To remove pagination in shopify just replace the code with the below code:

{% paginate collection.products by limit %}

Step 8: Click save.

That’s it you are done now check with the front end the pagination limit is removed and will be displaying 50 products in front end.

Note: Shopify will be displaying 50 products only. Shopify will not display more than 50 products per page as of now.

Author
Author
Ramana Tula is a Google Product Expert - He is a Full stack Web and Android Developer.

- Advertisement -