{"id":1512,"date":"2014-03-20T10:24:57","date_gmt":"2014-03-20T14:24:57","guid":{"rendered":"http:\/\/mts-help.nick.php.dev\/eoc\/virtuemart\/article5.html"},"modified":"2014-04-14T06:57:59","modified_gmt":"2014-04-14T10:57:59","slug":"how-manage-banners-and-boxes","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-manage-banners-and-boxes.html","title":{"rendered":"VirtueMart 2.x. How to manage banners"},"content":{"rendered":"<p>This tutorial shows how to manage banners in VirtueMart 2.x templates.<\/p>\r\n\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=1w9p_RBoFxc?width=1280&amp;height=720\" rel=\"prettyPhoto\">VirtueMart 2.x. How to manage banners<\/a>\r\n\r\n<h3 class=\"custom\">If  banners are implemented using Banners component<\/h3>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-1-300x134.png\" alt=\"VirtueMart_2.x_How_to_manage_banners-1\" width=\"300\" height=\"134\" class=\"aligncenter size-medium wp-image-33709\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-1-300x134.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-1-150x67.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-1-1024x460.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-1.png 1205w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<ol>\r\n  <li>\r\n    <p>Login to Joomla admin panel, go to <strong>Components -> Banners -> Banners<\/strong>. Open <strong><em>Shop2 <\/em><\/strong>banner, for example:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-2-300x163.png\" alt=\"VirtueMart_2.x_How_to_manage_banners-2\" width=\"300\" height=\"163\" class=\"aligncenter size-medium wp-image-33710\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-2-300x163.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-2-150x81.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-2-1024x557.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-2.png 1254w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n  <\/li>\r\n<li>\r\n  <p>In order to change text you need to click on <strong>Custom<\/strong> option. Change text. Keep original code structure. Set link in <strong>Click URL<\/strong> section:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-3-300x164.png\" alt=\"VirtueMart_2.x_How_to_manage_banners-3\" width=\"300\" height=\"164\" class=\"aligncenter size-medium wp-image-33711\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-3-300x164.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-3-150x82.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-3-1024x560.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-3.png 1245w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<\/li>\r\n\r\n  <li>\r\n    <p>Select <strong>Image<\/strong> option. Click <strong>Select <\/strong>button in order to change image.<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-4-300x149.png\" alt=\"VirtueMart_2.x_How_to_manage_banners-4\" width=\"300\" height=\"149\" class=\"aligncenter size-medium wp-image-33712\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-4-300x149.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-4-150x74.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-4-1024x510.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-4.png 1242w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<\/li>\r\n  <li>\r\n    <p>Save changes. We can see that banner text is changed.<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-5-300x129.png\" alt=\"VirtueMart_2.x_How_to_manage_banners-5\" width=\"300\" height=\"129\" class=\"aligncenter size-medium wp-image-33713\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-5-300x129.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-5-150x64.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-5-1024x442.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-5.png 1231w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n  <\/li>\r\n<\/ol>\r\n\r\n<h3 class=\"custom\">If banners are implemented using BannersBlock module<\/h3>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-6-300x114.png\" alt=\"VirtueMart_2.x_How_to_manage_banners-6\" width=\"300\" height=\"114\" class=\"aligncenter size-medium wp-image-33714\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-6-300x114.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-6-150x57.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-6-1024x392.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-6.png 1229w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<ol>\r\n  <li>\r\n    <p>Open admin section, go to <strong>Extensions -> Module Manager<\/strong>. In our case module <strong>BannersBlock<\/strong> is being used. Open module for editing.<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-7.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-7-300x164.png\" alt=\"VirtueMart_2.x_How_to_manage_banners-7\" width=\"300\" height=\"164\" class=\"aligncenter size-medium wp-image-33715\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-7-300x164.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-7-150x82.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-7-1024x562.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-7.png 1235w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n  <\/li>\r\n<li>\r\n  <p>In module you can change text and images, there you can also change text and assign link. Click on <strong>Select image<\/strong> in order to change image.<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-8.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-8-300x160.png\" alt=\"VirtueMart_2.x_How_to_manage_banners-8\" width=\"300\" height=\"160\" class=\"aligncenter size-medium wp-image-33716\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-8-300x160.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-8-150x80.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-8-1024x546.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-8.png 1254w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<\/li>\r\n  <li>\r\n    <p>Save changes. We can see that banner text is changed.<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-9.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-9-300x164.png\" alt=\"VirtueMart_2.x_How_to_manage_banners-9\" width=\"300\" height=\"164\" class=\"aligncenter size-medium wp-image-33717\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-9-300x164.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-9-150x82.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-9-1024x560.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/VirtueMart_2.x_How_to_manage_banners-9.png 1225w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n  <\/li>\r\n  \r\n<\/ol>\r\n\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=1w9p_RBoFxc?width=1280&amp;height=720\" rel=\"prettyPhoto\">VirtueMart 2.x. How to manage banners<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to manage banners in VirtueMart 2.x templates.<\/p>\n","protected":false},"author":39,"featured_media":33723,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[733],"tags":[547,1674,793,557,2404],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1512"}],"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\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=1512"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1512\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/33723"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1512"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1512"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}