{"id":23222,"date":"2012-09-11T09:05:04","date_gmt":"2012-09-11T13:05:04","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=23222"},"modified":"2016-10-24T10:55:51","modified_gmt":"2016-10-24T14:55:51","slug":"magento-framework-how-to-manage-social-media-sharing-icons","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/magento-framework-how-to-manage-social-media-sharing-icons.html","title":{"rendered":"Magento. How to manage social-media sharing icons"},"content":{"rendered":"<div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/jvcojlTgmTg\"><\/iframe>\r\n<\/div>\r\n<p>Our <a target=\"_blank\" href=\"\/magento-themes.php\">Magento templates<\/a> include a functionality that allows sharing the products thorough social accounts. This is achieved with the help of the world&#8217;s largest sharing platform <a target=\"_blank\" href=\"http:\/\/www.addthis.com\/\" rel=\"nofollow\">AddThis Toolbox<\/a>. <\/p> \r\n<p>Usually the buttons appear on the product page under the &#8220;Add to Cart&#8221; button.<\/p> \r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_1-300x133.jpg\" alt=\"Magento_How_to_manage_social_media_sharing_icons_1\" width=\"300\" height=\"133\" class=\"alignnone size-medium wp-image-71771\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_1-300x133.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_1-150x66.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_1-1024x454.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_1.jpg 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<p>In this tutorial we will show you how to manage the social media sharing icons in Magento templates.<\/p>\r\n<p>The sharing tool can be disabled\/enabled from your admin panel:<\/p>\r\n<ol>\r\n    <li><p>Go to <strong>System<\/strong>-><strong>Configuration<\/strong> section.<\/p>\r\n\t\r\n\t<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_2-300x121.jpg\" alt=\"Magento_How_to_manage_social_media_sharing_icons_2\" width=\"300\" height=\"121\" class=\"alignnone size-medium wp-image-71772\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_2-300x121.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_2-150x61.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_2-1024x413.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_2.jpg 1242w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/li>\r\n\t\r\n\t<li><p>In the left menu go to <strong>ADDTHIS<\/strong> tab and press the <strong>Sharing Tool<\/strong> option.<\/p>\r\n\t\r\n\t<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_3-300x185.jpg\" alt=\"Magento_How_to_manage_social_media_sharing_icons_3\" width=\"300\" height=\"185\" class=\"alignnone size-medium wp-image-71773\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_3-300x185.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_3-150x93.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_3-1024x632.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_3.jpg 1243w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n\t\r\n\t<li><p>Select the <strong>Disable<\/strong> option from the drop-down next to <strong>Display Tool<\/strong> in case you want to hide the sharing icons.<\/p><\/li>\r\n\t<li><p>The extension also allows to define a specific <strong>Button Style<\/strong> in the next section.<\/p><\/li>\r\n\t<li><p>Press the <strong>Save Config<\/strong> button to save changes.<\/p><\/li>\r\n<\/ol>\r\n<p>Check the following <a target=\"_blank\" href=\"\/help\/magento-how-to-manage-social-media-sharing-icons.html\">tutorial<\/a> to get to know more about <strong> AddThis<\/strong> extension.<\/p>\r\n<p>You can track your site visitors with the help of inserting your <strong>Profile ID<\/strong>. To get the ID, you need to <a href=\"http:\/\/www.addthis.com\/\" target=\"_blank\"> create a new account <\/a> on the official AddThis site.<\/p>\r\n<p>The ID can be grabbed in the <strong>Profile Options<\/strong>-><strong>General<\/strong> section.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_4-300x118.jpg\" alt=\"Magento_How_to_manage_social_media_sharing_icons_4\" width=\"300\" height=\"118\" class=\"alignnone size-medium wp-image-71774\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_4-300x118.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_4-150x59.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_4-1024x404.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_4.jpg 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<p>In your AddThis dashboard you can also get code of different styles of icon sets including free and payed ones. <\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_5-300x172.jpg\" alt=\"Magento_How_to_manage_social_media_sharing_icons_5\" width=\"300\" height=\"172\" class=\"alignnone size-medium wp-image-71775\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_5-300x172.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_5-150x86.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_5-1024x588.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_5.jpg 1258w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p><strong>AddThis Academy<\/strong> offers a bunch of <a target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.addthis.com\/academy\/category\/customizing-tools\/\">useful articles<\/a> on customizing your sharing tools.<\/p>\r\n<p>In order to remove a certain icon from the displayed list on the product page, follow these steps:<\/p>\r\n<ol>\r\n    <li><p>Go to your server using the hosting control panel or the FTP connection.<\/p><\/li>\r\n\t<li><p>Navigate to <strong>app\/design\/frontend\/tm_themes\/themeXXX\/template\/addthis\/sharingtool<\/strong> folder and find the <strong>share.phtml<\/strong> file, then open it with a code editor (<strong>Note<\/strong>: this concerns templates starting from item #54689). <\/p>\r\n\t\r\n\t<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_6-300x169.jpg\" alt=\"Magento_How_to_manage_social_media_sharing_icons_6\" width=\"300\" height=\"169\" class=\"alignnone size-medium wp-image-71776\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_6-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_6-150x85.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_6-1024x579.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_6.jpg 1278w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n\t\r\n\t<li><p>In the <strong>share.phtml<\/strong> file search for the code of your icon set. It is marked with the word <strong>&#8220;default&#8221;<\/strong>. Each icon has its order number. Locate the the code of an icon that you want to remove, and delete it.<\/p>\r\n\t\r\n\t<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_7.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_7-300x176.jpg\" alt=\"Magento_How_to_manage_social_media_sharing_icons_7\" width=\"300\" height=\"176\" class=\"alignnone size-medium wp-image-71777\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_7-300x176.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_7-150x88.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_7-1024x600.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/09\/Magento_How_to_manage_social_media_sharing_icons_7.jpg 1286w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n\t\r\n\t<li><p>Save the file and check the update on your site front end.<\/p>\r\n\t<p class=\"attention\"><strong>Note:<\/strong> you may need to clear <a target=\"_blank\" href=\"\/help\/magento-how-to-clear-cache.html\">the Magento cache<\/a> and <a target=\"_blank\" href=\"\/help\/magento-how-to-re-index-data-and-in-what-cases-it-is-needed.html\">re-index data<\/a> to see the changes applied.<\/p><\/li>\r\n<\/ol>\r\n<p>We hope the tutorial was useful for you. Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=jvcojlTgmTg?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento. How to manage social-media sharing icons<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial is  going to show you how to\u00a0 manage  social-media sharing icons on  the product details pages of your Magento template.<\/p>\n","protected":false},"author":78,"featured_media":23228,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[729],"tags":[1353,1350,2407,1352,1351],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/23222"}],"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\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=23222"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/23222\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/23228"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=23222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=23222"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=23222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}