How to show more products on collection pages

0

How to show more products on collection pages:

In this tutorial the steps vary depending upon if you are utilizing a non-sectioned theme or a sectioned theme.  Go to the theme’s edit HTML/CSS page, figure out if your theme supports sections. You are utilizing a sectioned theme, if in the sectioned themes there are files. Before October 2016, non-sectioned themes were released and they do not have files in the sections directory.

If sectioned themes are being utilized, then follow the instructions by clicking on sectioned themes buttons.

If non-sectioned themes are being utilized, then follow the instructions by clicking on the non-sectioned themes button.

                  Sectioned themes                                    Non-sectioned themes

Update the collections.template.liquid file

Desktop                                iPhone                                               Android

  1. Click online store and then click themes or press G W T.
  2. Find the theme that needs to be edited click the button and the click edit HTML/ CSS.
  3. Open file collections.template.liquid, in the sections folder.
  4. Find this code in the online code editor.

 {% paginate collection.products by 9 %}

In the example given above the number is nine but in your theme that the number could either be six or twelve or something else which might be equal or smaller than fifty. This numeric corresponds to the number of products showcased per page.

To decrease or increase the number of products displayed per page edit that number. Never ever paginate

Edit that number to increase or decrease the number of products shown per page. Do not ever count more than 50.

  1. Click on Save.

Share.

About Author

Leave A Reply