Home > Shopify Development > Update the collection-template.liquid file

How to update the collection-template.liquid file in Shopify

Sam Updated: March 16, 2024

Drive 20-40% of your revenue with Avada

Get Started

Managing your Shopify cart’s functionality is crucial for a smooth customer experience, but many store owners struggle with updating item removal links. This guide focuses on how to update links for removing items from the cart in Shopify, a key aspect of cart customization. Learn step-by-step processes for desktop, iPhone, and Android platforms to ensure your cart works seamlessly with custom line properties.

Whether you’re troubleshooting cart issues or enhancing your store’s usability, mastering this technique is essential for maintaining an efficient checkout process. Discover how to properly update these links to improve your Shopify store’s functionality and potentially reduce cart abandonment rates.

How to update the collection-template.liquid file

Step 1:

Go to Online Store > Themes from the Shopify Admin panel. Or select the theme that you need to adjust and then choose Actions > Edit code.

How to update the collection template liquid file in shopify

Step 2:

Click collection-template.liquid in the Sections directory.

How to update the collection template liquid file in shopify

Step 3:

In the code editor, search the code given below:

 {% paginate collection.products by 9 %}

The default number of products per page in the above example is 9. This number does vary theme to theme. You may need to change this number into the number of products that you would like to display on your collection pages. As long as it is not over 50, you are allowed to use any number that you like. There are several themes, instead of using a number to determine how many products will be displayed per page, using a variable called limit. In case your theme uses a limit variable, the code must look similar to this:

 {% paginate collection.products by limit %}

Under the circumstance that your themes use a limit variable, you will have to replace limit with a number. That should be the number of products which will be displayed on every collection page, and please note that the number must not be over 50. There is another thing, replacing the limit variable with a number will disable the ability to make changes to the collection pages pagination settings in the theme editor. We suggest that you should not edit your theme code until you are not able to achieve the expected number of products per page in the theme editor.

Step 4:

Tap Save.

Conclusion

Updating the collection-template.liquid file in Shopify is a powerful way to customize your store’s collection pages and control product display. By following the step-by-step guide provided, you can easily adjust the number of products shown per page, enhancing your store’s user experience. Take action now to implement these changes and optimize your collection pages.

Remember, tailoring your product display can significantly impact how customers browse and interact with your collections, potentially leading to increased engagement and sales. As you continue to refine your Shopify store, mastering theme customization techniques like this will prove invaluable in creating a more efficient and user-friendly e-commerce platform.

Catalog

How to modify the shipping calculator HTML How to add the gift-wrapping snippet in your cart template How to modify your theme.liquid file How to insert some JavaScript to your theme Delete the author's name in your theme Insert the search box on your Jekyll site using lunr.js Liquid Variables: assign, capture, increment, increment Liquid paginate: Split into multiple pages Update the product form to support dynamic checkout buttons Select which page to show when customers log in to your online store Modify the code for your payment icons Insert the security badge code to your theme Insert Disqus to your blog Insert breadcrumb navigation to your store Generate your snippet generate the "How did you hear about us" form field Generate and include an age-check snippet Generate a back-to-the-top snippet Edit correct quantities on the cart page silently Apply a class to your templates Update item quantity fields in the cart Update the collection-template.liquid file Modify the theme code to add the shipping calculator Insert the notification form code to your theme Insert custom fields to your theme's customer registration form Add Custom Fields to Contact Form in Shopify Insert a form field to your theme code Insert a Continue shopping link to your cart page Insert a checkbox to your cart page in sectioned themes How To Create A Contact Page On Shopify: Our Step-by-Step Guide

Sam Nguyen

Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.