{"id":39415,"date":"2015-02-20T07:17:58","date_gmt":"2015-02-20T12:17:58","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=39415"},"modified":"2020-02-06T06:09:09","modified_gmt":"2020-02-06T11:09:09","slug":"prestashop-1-6-x-how-to-edit-front-page","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/prestashop-1-6-x-how-to-edit-front-page.html","title":{"rendered":"PrestaShop 1.6.x. How to edit front page"},"content":{"rendered":"<p><\/p>\r\n<p>This tutorial will show you how to edit front page layout in PrestaShop 1.6.x. <\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=3LeGttLH6IQ?width=1280&amp;height=720\" rel=\"prettyPhoto\">PrestaShop 1.6.x. How to edit front page<\/a><\/p>\r\n<p>Most of the elements you see on your site homepage have corresponding modules. You can remove, add or change the blocks, links, text in your PrestaShop admin panel by managing the modules under <strong>Modules<\/strong> &gt; <strong>Modules<\/strong> tab:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-1-300x228.jpg\" alt=\"PrestaShop-1.6.x.-How-to-edit-front-page-layout-1\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-39417\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-1-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-1-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>Each site can have the following positions: top, footer, left column, right column and middle. Each section has different modules assigned. You can check our video tutorial for more details: PrestaShop 1.6.x. How to manage modules and modules positions. It will show you how to change modules positions.<\/p>\r\n<p class=\"attention\">Please note that each template has its own module positions structure. Some of the blocks may be not available in your particular template. All information about module positions can be found in template documentation.<\/p>\r\n<p>In Prestashop the homepage usually contains the following elements:<\/p>\r\n<h3 class=\"custom\">Categories menu<\/h3>\r\n<p>Categories menu displays all categories you have in your store at your site frontend.<\/p>\r\n<p>In order to modify categories menu, go to <strong>Catalog<\/strong> > <strong>Categories<\/strong> tab in your site backend:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-2-300x228.jpg\" alt=\"PrestaShop-1.6.x.-How-to-edit-front-page-layout-2\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-39418\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-2-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-2-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-2.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>For more details check our video tutorial: <a href=\"\/help\/prestashop-1-6-x-how-to-manage-categories-menu.html\" target=\"_blank\">PrestaShop 1.6.x. How to manage categories menu<\/a>. It will guide you how to edit categories menu.<\/p>\r\n<h3 class=\"custom\">Slider<\/h3>\r\n<p>Slider can be managed under <strong>Modules<\/strong> > <strong>Modules<\/strong> > <strong>\u201cImage slider for your homepage\u201d<\/strong>  module (or some other module, it depends on the template you use):<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-3-300x148.jpg\" alt=\"PrestaShop-1.6.x.-How-to-edit-front-page-layout-3\" width=\"300\" height=\"148\" class=\"aligncenter size-medium wp-image-39419\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-3-300x148.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-3-150x74.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-3.jpg 985w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>Check our video tutorial for more details: <a href=\"\/help\/prestashop-1-6-x-how-to-work-with-image-slider-for-your-homepage-module.html\" target=\"_blank\">PrestaShop 1.6.x. How to work with \u201cImage slider for your homepage\u201d module<\/a>.<\/p>\r\n<h3 class=\"custom\">Modules<\/h3>\r\n<p>In order to change modules selected on the screenshot below, configure <strong>&#8220;Theme configurator&#8221;<\/strong> module, located under <strong>Modules<\/strong> > <strong>Modules<\/strong> tab in your site backend:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-4-300x228.jpg\" alt=\"PrestaShop-1.6.x.-How-to-edit-front-page-layout-4\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-39421\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-4-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-4-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-4.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>navigate to <strong>Modules<\/strong> > <strong>Modules<\/strong> tab in your Prestashop admin panel in order to modify modules below. Make changes in <strong>&#8220;Facebook Like Box block&#8221;<\/strong> and <strong>&quot;Custom CMS information block&quot;<\/strong>:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-5-300x88.jpg\" alt=\"PrestaShop-1.6.x.-How-to-edit-front-page-layout-5\" width=\"300\" height=\"88\" class=\"aligncenter size-medium wp-image-39420\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-5-300x88.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-5-150x44.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-5.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<h3 class=\"custom\">Products section<\/h3>\r\n<p>Every PrestaShop template has products section on the home page:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-6-300x174.jpg\" alt=\"PrestaShop-1.6.x.-How-to-edit-front-page-layout-6\" width=\"300\" height=\"174\" class=\"aligncenter size-medium wp-image-39422\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-6-300x174.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-6-150x87.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-edit-front-page-layout-6.jpg 908w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>All products can be modified under <strong>Catalog<\/strong> > <strong>Products<\/strong> tab.<\/p>\r\n<p>To change the number of  products displayed on the home page, you will need to change settings in products module. Go to\u00a0<strong>Modules -&gt; Modules<\/strong>\u00a0section in Admin Panel and search for\u00a0<strong>\u201cNew products block\u201d<\/strong>\u00a0(&quot;<strong>Featured<\/strong>&quot; or <strong>&quot;Specials&quot;<\/strong>\u00a0) module. <\/p>\r\n<p> Check our video tutorial: <a href=\"\/help\/prestashop-1-6-x-how-to-manage-new-featured-and-special-products.html\" target=\"_blank\">PrestaShop 1.6.x. How to manage New, Featured and Special products<\/a>. It will guide you how to work with <em>New<\/em>, <em>Featured<\/em> and <em>Special<\/em> products.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=3LeGttLH6IQ?width=1280&amp;height=720\" rel=\"prettyPhoto\">PrestaShop 1.6.x. How to edit front page<\/a><br \/>\r\n<\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to edit front page layout in PrestaShop 1.6.x.<\/p>\n","protected":false},"author":55,"featured_media":43864,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[732],"tags":[636,933,572,552],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/39415"}],"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\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=39415"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/39415\/revisions"}],"predecessor-version":[{"id":86273,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/39415\/revisions\/86273"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/43864"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=39415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=39415"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=39415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}