{"id":45278,"date":"2015-04-01T01:18:17","date_gmt":"2015-04-01T05:18:17","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=45278"},"modified":"2016-02-18T03:22:44","modified_gmt":"2016-02-18T08:22:44","slug":"opencart-2-x-how-to-manage-social-icons","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/opencart-2-x-how-to-manage-social-icons.html","title":{"rendered":"OpenCart 2.x. How to manage social icons"},"content":{"rendered":"<p>\r\n<p>This tutorial will show you how to edit social icons in OpenCart 2.x. template.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons1.jpg.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons1.jpg-300x193.jpg\" alt=\"OpenCart 2.x. How to manage social icons1.jpg\" width=\"300\" height=\"193\" class=\"aligncenter size-medium wp-image-45279\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons1.jpg-300x193.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons1.jpg-150x96.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons1.jpg.jpg 342w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<ol>\r\n<li>\r\n<p>Open <strong>catalog\\view\\theme\\themeXXX\\template\\common\\footer.tpl<\/strong> file ( where <strong>themeXXX<\/strong> is your theme folder name):<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons2.jpg.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons2.jpg-300x124.jpg\" alt=\"OpenCart 2.x. How to manage social icons2.jpg\" width=\"300\" height=\"124\" class=\"aligncenter size-medium wp-image-45280\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons2.jpg-300x124.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons2.jpg-150x62.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons2.jpg.jpg 590w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>After that you&#8217;ll be able to change the icons and their links in the following code:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons3.jpg.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons3.jpg-300x43.jpg\" alt=\"OpenCart 2.x. How to manage social icons3.jpg\" width=\"300\" height=\"43\" class=\"aligncenter size-medium wp-image-45281\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons3.jpg-300x43.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons3.jpg-150x21.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons3.jpg.jpg 841w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>To add a new social icon, copy the previous line of code, replace link\/icon name and save the changes:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons4.jpg.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons4.jpg-300x49.jpg\" alt=\"OpenCart 2.x. How to manage social icons4.jpg\" width=\"300\" height=\"49\" class=\"aligncenter size-medium wp-image-45282\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons4.jpg-300x49.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons4.jpg-150x24.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/OpenCart-2.x.-How-to-manage-social-icons4.jpg.jpg 756w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\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=xxR9j8tefaY?width=1280&amp;height=720\" rel=\"prettyPhoto\">OpenCart 2.x. How to manage social icons<\/a><br \/>\r\n<\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to edit social icons in OpenCart 2.x. template.<\/p>\n","protected":false},"author":61,"featured_media":45285,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1156],"tags":[674,1157,860],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/45278"}],"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\/61"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=45278"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/45278\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/45285"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=45278"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=45278"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=45278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}