{"id":53384,"date":"2015-09-03T03:33:16","date_gmt":"2015-09-03T07:33:16","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=53384"},"modified":"2016-02-17T05:20:56","modified_gmt":"2016-02-17T10:20:56","slug":"opencart-2-x-how-to-create-a-new-module-block-and-assign-it-to-the-home-page","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/opencart-2-x-how-to-create-a-new-module-block-and-assign-it-to-the-home-page.html","title":{"rendered":"OpenCart 2.x. How to create a new module block and assign it to the home page"},"content":{"rendered":"

\r\n

The following tutorial is going to show how to create a new module block and assign it to the home page in OpenCart 2.x. <\/p>\r\n

OpenCart 2.x. How to create new module block and assign it to the home page<\/a><\/p>\r\n

    \r\n
  1. \r\n

    Log into your OpenCart admin panel.<\/p>\r\n<\/li>\r\n

  2. \r\n

    Navigate to Extensions->Modules<\/strong>:<\/p>\r\n

    \"OpenCart<\/a>\r\n<\/li>\r\n

  3. \r\n

    Let’s add the new parallax block, for example. Click Edit<\/strong> button near Parallax<\/strong> module. <\/p>\r\n<\/li>\r\n

  4. \r\n

    Specify module name<\/strong>, banner group<\/strong> to load the image, width<\/strong> and height<\/strong>. Enable<\/strong> the module:<\/p>\r\n

    \"OpenCart<\/a><\/p>\r\n

    Note: You can add the banner groups in System->Design->Banners<\/strong>. Please check the following video tutorial<\/a> for more details. <\/p>\r\n<\/li>\r\n

  5. \r\n

    Click Save<\/strong> to save changes.<\/p>\r\n<\/li>\r\n

  6. \r\n

    Navigate to System->Design->Layouts<\/strong> and edit Home<\/strong> layout:<\/p>\r\n

    \"OpenCart<\/a>\r\n<\/li>\r\n

  7. \r\n

    Click Add module<\/strong> button. Select the module from the list, its position and insert order number:<\/p>\r\n

    \"OpenCart<\/a>\r\n<\/li>\r\n

  8. \r\n

    Click Save<\/strong> button to save changes.<\/p>\r\n<\/li>\r\n

  9. \r\n

    Go back to your website frontend and refresh the browser page. The new module should be displayed well.<\/p>\r\n<\/li>\r\n<\/ol>\r\n

    That is the end of the tutorial. Now you know how to create a new module block and assign it to the home page in OpenCart 2.x <\/p>\r\n

    Feel free to check the detailed video tutorial below:<\/p>\r\n

    OpenCart 2.x. How to create new module block and assign it to the home page<\/a><\/p>\r\n

    <\/p>","protected":false},"excerpt":{"rendered":"

    The following tutorial is going to show how to create a new module block and assign it to the home page in OpenCart 2.x.<\/p>\n","protected":false},"author":49,"featured_media":53391,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1156],"tags":[923,933,557,1157,572],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/53384"}],"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\/49"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=53384"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/53384\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/53391"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=53384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=53384"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=53384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}