{"id":39478,"date":"2014-12-22T10:04:13","date_gmt":"2014-12-22T15:04:13","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=39478"},"modified":"2016-04-13T06:02:17","modified_gmt":"2016-04-13T10:02:17","slug":"woocommerce-how-to-set-the-number-of-products-displayed-on-the-home-page","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/woocommerce-how-to-set-the-number-of-products-displayed-on-the-home-page.html","title":{"rendered":"WooCommerce. How to set the number of products displayed on the home page"},"content":{"rendered":"<p><\/p>\r\n<p>This tutorial is going to show you how to set the number of products displayed on the home page in WooCommerce templates.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=OVjVN9hamKo?width=1280&amp;height=720\" rel=\"prettyPhoto\">WooCommerce. How to set the number of products displayed on the home page<\/a><\/p>\r\n<p>WooCommerce templates usually use shortcodes to display products on the home page. If you want to change the number of home page products, perform the following steps:<\/p>\r\n<ol>\r\n<li>\r\n<p>Log into WordPress admin panel and open your home page under the <strong>Pages<\/strong> menu:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/10\/WooCommerce_set_number_of_products_on_the_home_page1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/10\/WooCommerce_set_number_of_products_on_the_home_page1-300x168.jpg\" alt=\"WooCommerce_set_number_of_products_on_the_home_page1\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-39479\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/WooCommerce_set_number_of_products_on_the_home_page1-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/WooCommerce_set_number_of_products_on_the_home_page1-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/WooCommerce_set_number_of_products_on_the_home_page1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>In the Text area find the similar shortcode:<\/p>\r\n<pre>[featured_products per_page=\"4\" columns=\"4\" orderby=\"date\" order=\"desc\" description=\"false\"]<\/pre>\r\n<p>This shortcode displays products which have been set as &quot;featured&quot;. In this shortcode you can edit number of product (per_page=&#8221;4&#8243;), number of columns (columns=&#8221;4&#8243;), sort retrieved posts by parameter (orderby=&#8221;date\/title\/popular\/random&#8221;), change sort order for products (order=&#8221;desc\/asc&#8221;) and enable\/disable the product description (description=&#8221;false\/true&#8221;).<\/p>\r\n<p>For example, if you want to display 8 post on the home page, the edited shortcode will look the following way:<\/p>\r\n<pre>[featured_products per_page=\"8\" columns=\"4\" orderby=\"date\" order=\"desc\" description=\"false\"]<\/pre>\r\n<\/li>\r\n<li>\r\n<p>Click <strong>Update<\/strong> button in the right column to save changes on the page:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/10\/WooCommerce_set_number_of_products_on_the_home_page2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/10\/WooCommerce_set_number_of_products_on_the_home_page2-300x168.jpg\" alt=\"WooCommerce_set_number_of_products_on_the_home_page2\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-39480\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/WooCommerce_set_number_of_products_on_the_home_page2-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/WooCommerce_set_number_of_products_on_the_home_page2-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/WooCommerce_set_number_of_products_on_the_home_page2.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Now we should set more products as &quot;featured&quot;. Navigate to <strong>Products<\/strong> menu, select the product that you want to see on the Home page and click star icon opposite the product name. Please, check the screenshot below: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/10\/WooCommerce_set_number_of_products_on_the_home_page3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/10\/WooCommerce_set_number_of_products_on_the_home_page3-300x168.jpg\" alt=\"WooCommerce_set_number_of_products_on_the_home_page3\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-39481\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/WooCommerce_set_number_of_products_on_the_home_page3-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/WooCommerce_set_number_of_products_on_the_home_page3-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/WooCommerce_set_number_of_products_on_the_home_page3.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Refresh the page to check the changes on your site. You can see the number of products displayed on the home page was changed successfully. <\/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=OVjVN9hamKo?width=1280&amp;height=720\" rel=\"prettyPhoto\">WooCommerce. How to set the number of products displayed on the home page<\/a><br \/>\r\n<\/p>\r\n<p><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial is going to show you how to set the number of products displayed on the home page in WooCommerce templates.<\/p>\n","protected":false},"author":53,"featured_media":41773,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1556],"tags":[933,668,1305,675,2418],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/39478"}],"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\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=39478"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/39478\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/41773"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=39478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=39478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=39478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}