{"id":56974,"date":"2015-11-09T04:41:06","date_gmt":"2015-11-09T09:41:06","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=56974"},"modified":"2016-02-17T03:42:35","modified_gmt":"2016-02-17T08:42:35","slug":"shopify-how-to-change-number-of-related-products-on-product-pages","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/shopify-how-to-change-number-of-related-products-on-product-pages.html","title":{"rendered":"Shopify. How to change number of related products on product pages"},"content":{"rendered":"<p>\r\n<p>This tutorial will show you how to change number of related products on product page in Shopify.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=_eYfQ1r0Y_U?width=1280&amp;height=720\" rel=\"prettyPhoto\">Shopify. How to change number of related products on product pages<\/a><\/p>\r\n<ol>\r\n<li>\r\n<p>Log into your admin panel of Shopify store.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Navigate to <strong>Online store<\/strong> tab:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages-300x300.png\" alt=\"Shopify_How_to_change_number_of_related_products_on_product_pages\" width=\"300\" height=\"300\" class=\"aligncenter size-medium wp-image-56975\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages-300x300.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages-150x150.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages-164x164.png 164w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages.png 556w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Choose <strong>Themes<\/strong> tab:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_1-198x300.png\" alt=\"Shopify_How_to_change_number_of_related_products_on_product_pages_1\" width=\"198\" height=\"300\" class=\"aligncenter size-medium wp-image-56976\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_1-198x300.png 198w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_1-99x150.png 99w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_1.png 232w\" sizes=\"(max-width: 198px) 100vw, 198px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>On the appeared screen click the &#8220;&#8230;&#8221; button and choose <strong>Edit HTML\/CSS<\/strong> button: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_2-300x100.png\" alt=\"Shopify_How_to_change_number_of_related_products_on_product_pages_2\" width=\"300\" height=\"100\" class=\"aligncenter size-medium wp-image-56977\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_2-300x100.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_2-150x50.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_2.png 868w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Scroll to <strong>Snippet<\/strong> folder and find <strong>widget-related-products.liquid<\/strong> and open to edit it:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_3-151x300.png\" alt=\"Shopify_How_to_change_number_of_related_products_on_product_pages_3\" width=\"151\" height=\"300\" class=\"aligncenter size-medium wp-image-56978\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_3-151x300.png 151w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_3-75x150.png 75w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_3.png 324w\" sizes=\"(max-width: 151px) 100vw, 151px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Find the following line at the beginning of the file:<\/p>\r\n<pre>{% assign number_of_related_products_to_show = 4 %}<\/pre>\r\n<\/li>\r\n<li>\r\n<p>Change 4 to the desired number of related products that you want to display:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_4-300x69.png\" alt=\"Shopify_How_to_change_number_of_related_products_on_product_pages_4\" width=\"300\" height=\"69\" class=\"aligncenter size-medium wp-image-56979\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_4-300x69.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_4-150x35.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_4.png 942w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Click <strong>Save<\/strong> button to save changes:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_5-300x81.png\" alt=\"Shopify_How_to_change_number_of_related_products_on_product_pages_5\" width=\"300\" height=\"81\" class=\"aligncenter size-medium wp-image-56980\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_5-300x81.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_5-150x41.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/Shopify_How_to_change_number_of_related_products_on_product_pages_5.png 742w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Refresh your product page to see changes.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=_eYfQ1r0Y_U?width=1280&amp;height=720\" rel=\"prettyPhoto\">Shopify. How to change number of related products on product pages<\/a><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to change number of related products on product page in Shopify.<\/p>\n","protected":false},"author":54,"featured_media":56981,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1771],"tags":[668,542,1579,2419],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/56974"}],"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\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=56974"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/56974\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/56981"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=56974"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=56974"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=56974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}