{"id":1559,"date":"2010-11-15T10:24:57","date_gmt":"2010-11-15T10:24:57","guid":{"rendered":"http:\/\/mts-help.nick.php.dev\/eoc\/magento\/article26.html"},"modified":"2020-01-31T04:26:36","modified_gmt":"2020-01-31T09:26:36","slug":"how-edit-magento-banners","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-edit-magento-banners.html","title":{"rendered":"Magento. How to Edit Banners."},"content":{"rendered":"<p><\/p>\r\n<p>This tutorial will show you  how to edit banners in Magento.<\/p>\r\n<p><a href=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/watch?v=i3aCmrgRgZk?width=1280&amp;height=720\" rel=\"prettyPhoto\">How to edit banners in Magento<\/a><\/p>\r\n<p>Log into the admin panel of your store. Navigate to <strong>CMS&gt; Pages&gt; Home<\/strong>:<\/p>\r\n<p> Select <strong>Design <\/strong>tab. You will find banner reference there:<\/p>\r\n<pre>\r\n&lt;block type=&quot;cms\/block&quot;  name=&quot;banner_block&quot;&gt;\r\n&lt;action  method=&quot;setBlockId&quot;&gt;&lt;block_id&gt;banner_block&lt;\/block_id&gt;\r\n&lt;\/action&gt; \r\n&lt;\/block&gt;<\/pre>\r\n<p> This means banners are controlled by a static block.<\/p>\r\n<p>  Go to <strong>CMS&gt; Static blocks&gt; Banner Block<\/strong>: <\/p>\r\n<p> Search for the following piece of code: <\/p>\r\n<pre>&lt;div  class=&quot;banner&quot;&gt;  \r\n&lt;a href=&quot;{{ store  url='page_url.here'}}&quot;&gt;\r\n&lt;img  alt=&quot;&quot; src=&quot;{{skin url='images\/media\/banner_image.jpg'}}&quot;\/&gt;\r\n&lt;h&gt;Banner title here&lt;\/h&gt;\r\n&lt;\/a&gt;\r\n&lt;\/a&gt;\r\n&lt;\/div&gt;<\/pre>\r\n<p>  In this section you can modify image, link and text for banner:<\/p>\r\n<ol>\r\n<li>\r\n<p>In order to change the link for the banner, you have to open the required page and copy its URL. Place it instead of <strong>page_url.here <\/strong>in <strong>&lt;a href=&quot;{{ store  url=&#8217;page_url.here&#8217;}}&quot;&gt;<\/strong> line.<\/p>\r\n<\/li>\r\n<li>\r\n<p>The default reference used for the banner image is <strong>&lt;img alt=&quot;&quot; src=&quot;{{skin url=&#8217;images\/media\/banner_image.jpg&#8217;}}&quot;\/&gt;<\/strong>.  Replace the default name of the file with the required one. Make sure new banner image is uploaded, usually it is located under <strong>\/skin\/frontend\/default\/theme###\/images\/media\/ <\/strong>folder on server.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>&lt;h&gt;Banner title  here&lt;\/h&gt;<\/strong> is where you can change text for banner. Update it with your own one. Make sure text is placed within <strong>&lt;h&gt; &lt;h\/&gt;<\/strong> tabs.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>Use <strong>Save Block<\/strong> button to update implemented changes and open Magento front-end to view modifications.<\/p>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-2-(835-x100).jpg\"\/>\r\n<\/a>\r\n<\/div>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/watch?v=i3aCmrgRgZk?width=1280&amp;height=720\" rel=\"prettyPhoto\">How to edit banners in Magento<\/a><br \/>\r\n<\/p>\r\n<p><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you  how to edit banners in Magento.<\/p>\n","protected":false},"author":66,"featured_media":37610,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[729],"tags":[547,521,2407,793],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1559"}],"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\/66"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=1559"}],"version-history":[{"count":10,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1559\/revisions"}],"predecessor-version":[{"id":86086,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1559\/revisions\/86086"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/37610"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1559"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1559"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}