{"id":19038,"date":"2012-05-30T05:25:43","date_gmt":"2012-05-30T09:25:43","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=19038"},"modified":"2016-02-23T04:47:55","modified_gmt":"2016-02-23T09:47:55","slug":"magento-how-to-manage-static-blocks","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/magento-how-to-manage-static-blocks.html","title":{"rendered":"Magento. How to manage static blocks"},"content":{"rendered":"<p><\/p>\r\n<p>This tutorial shows how to manage Magento Static Blocks<\/p>\r\n<p>Below you will see screenshot with Static Blocks highlighted. <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-1-203x300.png\" alt=\"\" title=\"magento_how_to_edit_manage_static_ blocks-1\" width=\"203\" height=\"300\" class=\"alignnone size-medium wp-image-19039\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-1-203x300.png 203w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-1.png 576w\" sizes=\"(max-width: 203px) 100vw, 203px\" \/><\/a><\/p>\r\n<p><strong>1.<\/strong> In order to change static blocks you should go to admin section, open <strong>CMS->Static Blocks<\/strong>.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-2-300x168.png\" alt=\"\" title=\"magento_how_to_edit_manage_static_ blocks-2\" width=\"300\" height=\"168\" class=\"alignnone size-medium wp-image-19040\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-2-300x168.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-2-1024x575.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-2.png 1234w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>There you will see list of Static Blocks used in your template. The following Static blocks are used in our template: Footer Links, header_block, footer_block, special, follow_us.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-3-300x111.png\" alt=\"\" title=\"magento_how_to_edit_manage_static_ blocks-3\" width=\"300\" height=\"111\" class=\"alignnone size-medium wp-image-19041\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-3-300x111.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-3-1024x381.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-3.png 1225w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><strong>2.<\/strong> Let&#8217;s change content of  Footer Links block. Open  Footer Links block.Sreenshot of code you can check below.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-4-300x88.png\" alt=\"\" title=\"magento_how_to_edit_manage_static_ blocks-4\" width=\"300\" height=\"88\" class=\"alignnone size-medium wp-image-19042\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-4-300x88.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-4-1024x301.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-4.png 1217w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>You can change text and set the link. Modified code looks like:<\/p>\r\n<pre class=\"brush:html\">&lt;ul&gt;\r\n  &lt;li&gt;&lt;a href=&quot;{{store url=&quot;&quot;}}index.php\/contacts&quot;&gt;Your Text&lt;\/a&gt;&lt;\/li&gt;\r\n  &lt;li class=&quot;last&quot;&gt;&lt;a href=&quot;http:\/\/localhost\/ryan\/magento162\/index.php\/catalog\/seo_sitemap\/category\/&quot;&gt;Text1 &lt;\/a&gt;&lt;\/li&gt;\r\n&lt;\/ul&gt;<\/pre>\r\n<p>We have changed text and links. Below you will see result of customization in footer.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-5-300x161.png\" alt=\"\" title=\"magento_how_to_edit_manage_static_ blocks-5\" width=\"300\" height=\"161\" class=\"alignnone size-medium wp-image-19044\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-5-300x161.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-5-1024x551.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-5.png 1258w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><strong>3.<\/strong> Now we need change content of header_block. <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-6-300x92.png\" alt=\"\" title=\"magento_how_to_edit_manage_static_ blocks-6\" width=\"300\" height=\"92\" class=\"alignnone size-medium wp-image-19045\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-6-300x92.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-6-1024x314.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-6.png 1184w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>It has the same structure.<\/p>\r\n<p>Let&#8217;s check the link closer. Check for example this item:<\/p>\r\n<pre class=\"brush:html\"> &lt;li&gt;&lt;a href=&quot;{{store url='customer-service'}}&quot;&gt;Customer Service&lt;\/a&gt;&lt;\/li&gt;<\/pre>\r\n<p>We can set out own link to a href=&quot;{{store url=&#8217;customer-service&#8217;}}&quot;. Just replace it with your link. It should look like:<\/p>\r\n<pre class=\"brush:html\">&lt;li&gt;&lt;a href=&quot;http:\/\/livedemo00.template-help.com\/magento_38222\/catalogsearch\/term\/popular\/&quot;&gt;Customer Service&lt;\/a&gt;&lt;\/li&gt;<\/pre>\r\n<p>Check the screenshot of modified code:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-7.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-7-300x91.png\" alt=\"\" title=\"magento_how_to_edit_manage_static_ blocks-7\" width=\"300\" height=\"91\" class=\"alignnone size-medium wp-image-19046\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-7-300x91.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-7-1024x312.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-7.png 1218w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>We have checked content of header_block. Result you can check on screenshot below:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-8.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-8-300x170.png\" alt=\"\" title=\"magento_how_to_edit_manage_static_ blocks-8\" width=\"300\" height=\"170\" class=\"alignnone size-medium wp-image-19048\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-8-300x170.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-8-1024x582.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-8.png 1238w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><strong>4.<\/strong> Let&#8217;s change content of Specials block. Original code for block looks like on screenshot below.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-9.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-9-300x128.png\" alt=\"\" title=\"magento_how_to_edit_manage_static_ blocks-9\" width=\"300\" height=\"128\" class=\"alignnone size-medium wp-image-19047\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-9-300x128.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-9-1024x438.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-9.png 1183w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><strong>4.1.<\/strong> In this block we can modify product link, text and price. You should replace original product link like <strong>a href=&quot;{{store url=&#8217;workstations\/lorem-ipsum-sit.html&#8217;}}<\/strong> with your own one. You can change text and prices in this module as well. Screenshot of modified code you can check below:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-10.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-10-300x131.png\" alt=\"\" title=\"magento_how_to_edit_manage_static_ blocks-10\" width=\"300\" height=\"131\" class=\"alignnone size-medium wp-image-19049\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-10-300x131.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-10-1024x449.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-10.png 1183w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><strong>4.2<\/strong>. Now we need to change thumbnail image in Specials block. In our template images are located in skin\\frontend\\default\\theme291\\images\\media folder. In our template images are called like special_img_1.jpg, etc. Replace original image with modified one. Keep the same dimensions, file name and extension. You can upload modified images using ftp or hosting file manager. Upload your modified image and accept file replacement.<\/p>\r\n<p>Below you will see screenshot of modified Specials block.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-11.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-11-300x206.png\" alt=\"\" title=\"magento_how_to_edit_manage_static_ blocks-11\" width=\"300\" height=\"206\" class=\"alignnone size-medium wp-image-19050\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-11-300x206.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-11-1024x706.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/05\/magento_how_to_edit_manage_static_-blocks-11.png 1038w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>Please perform the same actions for other Magento Static Blocks.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"\/help\/files\/Magento\/magento_how_to_edit_manage_static blocks.htm\" target=\"blank\">Magento. How to manage static blocks<\/a><br \/>\r\n<\/p>\r\n<p><\/p>\r\n<p><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to manage Magento Static Blocks.<\/p>\n","protected":false},"author":39,"featured_media":19055,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[729],"tags":[707,2407,793,693],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/19038"}],"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=19038"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/19038\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/19055"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=19038"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=19038"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=19038"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}