{"id":59044,"date":"2016-01-07T08:50:41","date_gmt":"2016-01-07T13:50:41","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=59044"},"modified":"2016-02-18T03:46:47","modified_gmt":"2016-02-18T08:46:47","slug":"prestashop-1-6-x-how-to-change-the-order-of-social-icons","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/prestashop-1-6-x-how-to-change-the-order-of-social-icons.html","title":{"rendered":"PrestaShop 1.6.x. How to change the order of social icons"},"content":{"rendered":"<p>\r\n<p>This tutorial will guide you through changing the order of social icons in your PrestaShop store.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=PurXlrkLK5w?width=1280&amp;height=720\" rel=\"prettyPhoto\">PrestaShop 1.6.x. How to change the order of social icons<\/a><\/p>\r\n<ol>\r\n<li>\r\n<p>Log into your <strong>PrestaShop admin panel<\/strong>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Navigate to <strong>Modules and Services -> Positions<\/strong> in order to find out which module is used to display social icons:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_1-300x169.jpg\" alt=\"PrestaShop 1.6.x. How to change the order of social icons_1\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-59052\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_1-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_1-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>As far as social icons are displayed in footer, we will check Footer hook. In our case <strong>Social networking block<\/strong> is used:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_2-300x169.jpg\" alt=\"PrestaShop 1.6.x. How to change the order of social icons_2\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-59054\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_2-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_2-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_2.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Further changes must be made in the <strong>Social networking block<\/strong> file on server, you can access server using FTP or cPanel.<\/p>\r\n<ol>\r\n<li>\r\n<p>Open the corresponding module within the theme on server, in our case it is <strong>themes\/themeXXX\/modules\/blocksocial\/<\/strong> folder, where XXX &#8211; is your theme number, and edit .tpl file, we will edit <strong>blocksocial.tpl<\/strong>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Locate the code corresponding to your social icons and switch its places:\r\n\t\t<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_3-300x169.jpg\" alt=\"PrestaShop 1.6.x. How to change the order of social icons_3\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-59055\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_3-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_3-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_3.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_4-300x169.jpg\" alt=\"PrestaShop 1.6.x. How to change the order of social icons_4\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-59056\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_4-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_4-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_4.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<\/li>\r\n<li>\r\n<p>Save changes made to the file.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Clear browser cache and cookies to see the changes:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_5-300x169.jpg\" alt=\"PrestaShop 1.6.x. How to change the order of social icons_5\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-59058\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_5-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_5-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/PrestaShop-1.6.x.-How-to-change-the-order-of-social-icons_5.jpg 1000w\" 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=PurXlrkLK5w?width=1280&amp;height=720\" rel=\"prettyPhoto\">PrestaShop 1.6.x. How to change the order of social icons<\/a><\/p>\r\n<\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will guide you through on how to change the order of social icons in your PrestaShop store.<\/p>\n","protected":false},"author":57,"featured_media":59067,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[732],"tags":[674,857,552,860],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/59044"}],"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\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=59044"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/59044\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/59067"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=59044"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=59044"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=59044"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}