{"id":79397,"date":"2017-02-24T10:52:12","date_gmt":"2017-02-24T15:52:12","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=79397"},"modified":"2017-06-24T10:14:12","modified_gmt":"2017-06-24T14:14:12","slug":"shopify-change-number-products-collection-pages","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/shopify-change-number-products-collection-pages.html","title":{"rendered":"Shopify. How to change a number of products on collection pages"},"content":{"rendered":"<p>Our Support team is ready to present you a new tutorial that shows how to change <strong>number of products on collection pages <\/strong> in <a href=\"https:\/\/www.templatemonster.com\/shopify-themes.php\" target=\"_blank\">Shopify<\/a>.<\/p> \r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/t5WNYX5mIuk\"><\/iframe>\r\n<\/div>\r\n<ol>\r\n\t<li><p>Open site admin panel and navigate to <strong>Online Store -&gt; Themes<\/strong>:<\/p><\/li>\r\n\t<li><p>Find the theme you want to edit, click the <strong>Customize<\/strong> button, and then click on <strong>Layout &amp; content settings<\/strong>:<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_1.png\" alt=\"Shopify_How_to_change_number_of_products_on_collection_pages_1\" width=\"909\" height=\"717\" class=\"alignnone size-full wp-image-79398\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_1.png 909w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_1-150x118.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_1-300x237.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_1-768x606.png 768w\" sizes=\"(max-width: 909px) 100vw, 909px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t<li><p>You will see the <strong>Collection page <\/strong> section , where you can change a <strong> number of products <\/strong> and <strong> listing columns <\/strong> .<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_2.png\" alt=\"Shopify_How_to_change_number_of_products_on_collection_pages_2\" width=\"909\" height=\"722\" class=\"alignnone size-full wp-image-79399\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_2.png 909w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_2-150x119.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_2-300x238.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_2-768x610.png 768w\" sizes=\"(max-width: 909px) 100vw, 909px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t\r\n<\/ol>\r\n<p>If there is no <strong>Collection page <\/strong> section in your template under the <strong>Layout &amp; content settings<\/strong> , you would need to modify theme files.<\/p>\r\n<ol>\r\n\t<li><p>Open site admin panel and navigate to <strong>Online Store -&gt; Themes<\/strong>:<\/p><\/li> \r\n\t<li><p>Find the theme you want to edit, click the <strong>&hellip;<\/strong> button and next click on Edit <strong>HTML\/CSS<\/strong>:<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_3.png\" alt=\"Shopify_How_to_change_number_of_products_on_collection_pages_3\" width=\"904\" height=\"720\" class=\"alignnone size-full wp-image-79400\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_3.png 904w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_3-150x119.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_3-300x239.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_3-768x612.png 768w\" sizes=\"(max-width: 904px) 100vw, 904px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t<li><p>Under the <strong>Templates<\/strong> folder, locate and click on <strong>collection.liquid<\/strong> file to open it in the online code editor:<\/p><\/li>\r\n\t<li><p>Find this code:<\/p>\r\n\t\t<pre>{% paginate collection.products by 6 %}<\/pre>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_4.png\" alt=\"Shopify_How_to_change_number_of_products_on_collection_pages_4\" width=\"908\" height=\"723\" class=\"alignnone size-full wp-image-79401\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_4.png 908w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_4-150x119.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_4-300x239.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Shopify_How_to_change_number_of_products_on_collection_pages_4-768x612.png 768w\" sizes=\"(max-width: 908px) 100vw, 908px\" \/><\/a>\t\t\r\n\t<\/li> \r\n\t<li><p>In the above example, the number is 6 but in your theme that number can be 9 or 12, or anything else that is <strong>smaller or equal to 50<\/strong>. This number corresponds to the number of products shown per page.<\/p><\/li>\r\n\t<li><p>Edit that number to increase or decrease the number of products shown per page. <strong>Do not ever paginate by more than 50<\/strong>.<\/p><\/li>\r\n\t<li><p><strong>Save<\/strong> your changes.<\/p><\/li>\r\n<\/ol>\r\n<p>Thank you for watching this tutorial. Now you know how to change  <strong>number of products on collection pages<\/strong>.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=t5WNYX5mIuk?width=1280&amp;height=720\" rel=\"prettyPhoto\">Shopify. How to change number of products on collection pages<\/a>","protected":false},"excerpt":{"rendered":"<p>Our Support team is ready to present you a new tutorial that shows how to change <strong>number of products on collection pages <\/strong> in Shopify.<\/p>\n","protected":false},"author":77,"featured_media":79402,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1771],"tags":[1882,668,572,1305,2419],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/79397"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/77"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=79397"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/79397\/revisions"}],"predecessor-version":[{"id":81679,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/79397\/revisions\/81679"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/79402"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=79397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=79397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=79397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}