{"id":39202,"date":"2015-02-12T00:56:26","date_gmt":"2015-02-12T05:56:26","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=39202"},"modified":"2016-02-18T04:50:49","modified_gmt":"2016-02-18T09:50:49","slug":"opencart-1-5-x-how-to-add-new-layout-and-assign-a-module-to-a-page-using-it","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/opencart-1-5-x-how-to-add-new-layout-and-assign-a-module-to-a-page-using-it.html","title":{"rendered":"OpenCart 1.5.x. How to add new layout and assign a module to a page using it"},"content":{"rendered":"<p><\/p>\r\n<p>This tutorial shows how to add a new layout and assign a module to a page using it in OpenCart.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=Oq3fLY6OJKw?width=1280&amp;height=720\" rel=\"prettyPhoto\">OpenCart. How to add new layout and assign a module to a page using it<\/a><\/p>\r\n<p>In order add a new layout and assign a module to a page, you should perform the following:<\/p>\r\n<p><strong>Step 1: Create a new layout.<\/strong><\/p>\r\n<p>Not all pages have layouts by default, f.e. the &#8216;Specials&#8217; page. So, in order to assign any Module to the Specials page, the Layout has to be created.<\/p>\r\n<p>To create the Layout (f.e. for the Specials page),  please do the following:<\/p>\r\n<ol>\r\n<li>\r\n<p>Navigate to <strong>System -> Design -> Layouts<\/strong> in your Opencart admin panel.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Click the <strong>&#8216;Insert&#8217;<\/strong> button at the top right.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Specify the <strong>&#8216;Layout Name&#8217;<\/strong>. <\/p>\r\n<\/li>\r\n<li>\r\n<p>Click the <strong>&#8216;Add Route&#8217;<\/strong> button and add the route for the Layout (f.e.&#8217;product\/special&#8217; for the &#8216;Specials&#8217; page).<\/p>\r\n<\/li>\r\n<li>\r\n<p>Click <strong>&#8216;Save&#8217;<\/strong> at the top right: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/10\/OpenCart.-How-to-add-a-new-layout-and-assign-a-module-to-a-page-using-it1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/10\/OpenCart.-How-to-add-a-new-layout-and-assign-a-module-to-a-page-using-it1-300x135.jpg\" alt=\"OpenCart. How to add a new layout and assign a module to a page using it1\" width=\"300\" height=\"135\" class=\"aligncenter size-medium wp-image-39203\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/OpenCart.-How-to-add-a-new-layout-and-assign-a-module-to-a-page-using-it1-300x135.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/OpenCart.-How-to-add-a-new-layout-and-assign-a-module-to-a-page-using-it1-150x67.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/OpenCart.-How-to-add-a-new-layout-and-assign-a-module-to-a-page-using-it1-1024x462.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/OpenCart.-How-to-add-a-new-layout-and-assign-a-module-to-a-page-using-it1.jpg 1896w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>\r\nPlease refer to this link to learn more on <a target=\"_blank\" href=\"\/help\/opencart-how-to-manage-layouts.html\">managing Layouts in OpenCart<\/a>.<\/p>\r\n<p><strong>Step 2: Assign the Module to the page Layout<\/strong>.<\/p>\r\n<ol>\r\n<li>\r\n<p>Navigate to <strong>Extensions -> Modules<\/strong>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Select the Module you would like to assign and click <strong>&#8216;Edit&#8217;<\/strong>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>In the <strong>Layout<\/strong> field please select the Layout for the page you would like to assign the module to.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Click <strong>&#8216;Save&#8217;<\/strong> at the top right: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/10\/OpenCart.-How-to-add-a-new-layout-and-assign-a-module-to-a-page-using-it2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/10\/OpenCart.-How-to-add-a-new-layout-and-assign-a-module-to-a-page-using-it2-300x127.jpg\" alt=\"OpenCart. How to add a new layout and assign a module to a page using it2\" width=\"300\" height=\"127\" class=\"aligncenter size-medium wp-image-39204\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/OpenCart.-How-to-add-a-new-layout-and-assign-a-module-to-a-page-using-it2-300x127.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/OpenCart.-How-to-add-a-new-layout-and-assign-a-module-to-a-page-using-it2-150x63.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/OpenCart.-How-to-add-a-new-layout-and-assign-a-module-to-a-page-using-it2-1024x435.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/OpenCart.-How-to-add-a-new-layout-and-assign-a-module-to-a-page-using-it2.jpg 1262w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/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=Oq3fLY6OJKw?width=1280&amp;height=720\" rel=\"prettyPhoto\">OpenCart. How to add new layout and assign a module to a page using it<\/a><br \/>\r\n<\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to add a new layout and assign a module to a page using it in OpenCart.<\/p>\n","protected":false},"author":62,"featured_media":43720,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1156],"tags":[482,557,1157],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/39202"}],"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\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=39202"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/39202\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/43720"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=39202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=39202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=39202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}