{"id":48322,"date":"2015-05-13T00:49:17","date_gmt":"2015-05-13T04:49:17","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=48322"},"modified":"2016-02-17T06:28:44","modified_gmt":"2016-02-17T11:28:44","slug":"opencart-2-x-how-to-manage-banners-positions","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/opencart-2-x-how-to-manage-banners-positions.html","title":{"rendered":"OpenCart 2.x. How to manage banners"},"content":{"rendered":"<p>\r\n<p>This tutorial is going to show you how to manage banners in Opencart 2.x templates.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=BZcTeyEDGto?width=1280&amp;height=720\" rel=\"prettyPhoto\">OpenCart 2.x. How to manage banners positions<\/a><\/p>\r\n<p>In order to edit already existing banners, please log into your Opencart admin panel, navigate to <strong>System<\/strong> > <strong>Design<\/strong> > <strong>Banners<\/strong> page.<\/p>\r\n<p>You will see the list of banners that came with the template there. Click on Edit to edit the banner:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_1-300x228.jpg\" alt=\"Opencart_2._How_to_manage_banners_1\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-48324\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_1-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_1-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>On the banner configuration page you will see images available for this particular banner section.<\/p>\r\n<ol>\r\n<li>\r\n<p>You can modify the banner section name by entering your title to the <strong>Banner Name<\/strong> field.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Change the status <strong>(enabled\/disabled)<\/strong>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Modify the banner titles (if you are using more than one language for your store, you can use a different title for each language).<\/p>\r\n<\/li>\r\n<li>\r\n<p>Enter your banner description to the <strong>Description<\/strong> field. You can use different descriptions for all languages installed on your site.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Edit the banner links:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_2-300x228.jpg\" alt=\"Opencart_2._How_to_manage_banners_2\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-48325\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_2-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_2-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_2.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>To change banner order, specify order under <strong>Sort Order<\/strong> column.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Upload your banner images by clicking the image > <strong>Edit<\/strong> button.<\/p>\r\n<\/li>\r\n<li>\r\n<p>To remove banner image, click on the picture under the <strong>Image<\/strong> section and select <strong>Delete<\/strong> buttons:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_3-300x228.jpg\" alt=\"Opencart_2._How_to_manage_banners_3\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-48326\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_3-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_3-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_3.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>To remove particular banner, click on <strong>Remove<\/strong> next to it. To add more banners, click <strong>Add Banner<\/strong> at the top of the list.<\/p>\r\n<p>Save the change by clicking <strong>Save<\/strong> button:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_4-300x228.jpg\" alt=\"Opencart_2._How_to_manage_banners_4\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-48327\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_4-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_4-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_4.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>To delete particular banner section, check it under <strong>System<\/strong> > <strong>Design<\/strong> > <strong>Banners<\/strong> page, check banner you would like to remove and click <strong>Delete<\/strong> button in the top right corner:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_5-300x228.jpg\" alt=\"Opencart_2._How_to_manage_banners_5\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-48328\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_5-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_5-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_5.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>To add new banner section, follow the steps below:<\/p>\r\n<ol>\r\n<li>\r\n<p>Open <strong>System<\/strong> > <strong>Default<\/strong> > <strong>Banners<\/strong> page. Click Add New button:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_6-300x228.jpg\" alt=\"Opencart_2._How_to_manage_banners_6\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-48329\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_6-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_6-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_6.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Add new banner section title.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Change new banner status to <strong>Enabled<\/strong>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Click <strong>Add Banner<\/strong> to add new banner images.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Enter banner image name and specify link to which you would like to point your banner.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Upload your banner images by clicking on the image > <strong>Edit<\/strong> button.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Add more banner images by clicking <strong>Add Banner<\/strong> button and repeat the steps.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Click on <strong>Save<\/strong> to save the changes:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_7.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_7-300x228.jpg\" alt=\"Opencart_2._How_to_manage_banners_7\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-48330\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_7-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_7-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_7.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>Now you will need to turn on the banners and set their position:<\/p>\r\n<ol>\r\n<li>\r\n<p>Open <strong>Extensions<\/strong> > <strong>Modules<\/strong> > <strong>Banners<\/strong> page in your admin panel. Click on Edit next to the Banner module:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_8.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_8-300x228.jpg\" alt=\"Opencart_2._How_to_manage_banners_8\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-48331\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_8-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_8-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_8.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Enter banner settings on the next screen:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_9.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_9-300x228.jpg\" alt=\"Opencart_2._How_to_manage_banners_9\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-48332\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_9-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_9-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_9.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<ul class=\"list\">\r\n<li>\r\n<p>Enter module title to the <strong>Module Name<\/strong> field.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Select module position from <strong>Banner<\/strong> drop down.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Specify banner images dimensions, fill in <strong>Width<\/strong> and <strong>Height<\/strong> fields.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Change module status to <strong>Enabled<\/strong>.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<\/li>\r\n<li>\r\n<p>Open <strong>System<\/strong> > <strong>Layouts<\/strong> page. Click on Edit next to the page where you would like your new banner module to appear:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_10.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_10-300x228.jpg\" alt=\"Opencart_2._How_to_manage_banners_10\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-48333\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_10-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_10-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_10.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Set up your new banner module:<\/p>\r\n<ul>\r\n<li>\r\n<p>Select banner module from the <strong>Module<\/strong> section.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Choose module position from the <strong>Position<\/strong> drop down.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Set banner order in <strong>Sort Order<\/strong> field.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Click <strong>Save<\/strong> to save and check your site to see new banner:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_11.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_11-300x228.jpg\" alt=\"Opencart_2._How_to_manage_banners_11\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-48334\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_11-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_11-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Opencart_2._How_to_manage_banners_11.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ul>\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=BZcTeyEDGto?width=1280&amp;height=720\" rel=\"prettyPhoto\">OpenCart 2.x. How to manage banners positions<\/a><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial is going to show you how to manage banners in Opencart 2.x templates.<\/p>\n","protected":false},"author":55,"featured_media":48338,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1156],"tags":[547,1157,667],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/48322"}],"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=48322"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/48322\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/48338"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=48322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=48322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=48322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}