{"id":48130,"date":"2015-05-06T07:39:38","date_gmt":"2015-05-06T11:39:38","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=48130"},"modified":"2017-08-24T05:59:39","modified_gmt":"2017-08-24T09:59:39","slug":"magento-how-to-manage-facebook-like-box-extension","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/magento-how-to-manage-facebook-like-box-extension.html","title":{"rendered":"Magento. How to manage &#8220;Facebook like box&#8221; extension"},"content":{"rendered":"<p>\r\n<p>This tutorial shows how to manage <strong>Facebook like box<\/strong> in Magento.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=jZbEC-43Lzk?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento. How to manage &#8220;Facebook like box&#8221; extension<\/a><\/p>\r\n<p>In case the template comes with Facebook like box pre-installed, enable it in the following way:<\/p>\r\n<ol>\r\n<li>\r\n<p>Navigate to <strong>Magento admin panel<\/strong> and open the <strong>System -> Configuration -> Templatemonster -> Facebook<\/strong> tab. Enable box in the Enable\/Disable field.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Insert the ID of your Facebook Application into the <strong>App ID<\/strong> field. Next, you can manage the following options:<\/p>\r\n<p>The <strong>Color Scheme<\/strong> field allows enabling light or dark plugin settings.<\/p>\r\n<p>The <strong>Show Faces<\/strong> field allows displaying the Facebook users profiles photos in the Box.<\/p>\r\n<p>The <strong>Show Header<\/strong> field enables <strong>Facebook header<\/strong> in the Box.<\/p>\r\n<p>The <strong>Show Border<\/strong> field enables border around the Box.<\/p>\r\n<p>The <strong>Show Posts<\/strong> field adds posts to the Facebook Like Box.<\/p>\r\n<p>In the <strong>Height and Width<\/strong> fields you can enable box dimensions.<\/p>\r\n<\/li>\r\n<li>\r\n<p>When all the parameters are set, click the <strong>Save Config<\/strong> button to enable box on the site:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/Magento.-How-to-manage-Facebook-like-box-extension-1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/Magento.-How-to-manage-Facebook-like-box-extension-1-300x210.png\" alt=\"Magento. How to manage Facebook like box extension-1\" width=\"300\" height=\"210\" class=\"aligncenter size-medium wp-image-48131\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Magento.-How-to-manage-Facebook-like-box-extension-1-300x210.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Magento.-How-to-manage-Facebook-like-box-extension-1-150x105.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Magento.-How-to-manage-Facebook-like-box-extension-1.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>By default the <strong>Facebook like box<\/strong> is enabled in one of the following areas: <strong>left sidebar, right sidebar, footer<\/strong>. To switch the extension position, connect to server via <a target=\"_blank\" href=\"\/help\/how-upload-files-server-2.html\">FTP<\/a> or open <a target=\"_blank\" href=\"\/help\/how-to-upload-files-to-a-server-using-cpanel-webhost-manager-whm.html\">cPanel file manager<\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Open the <strong>tm_facebook.xml<\/strong> file located in the <strong>app\/design\/frontend\/default\/themeXXX\/layout<\/strong> folder on server. You will see the code similar to the one below:<\/p>\r\n<pre class=\"brush:xml\">\r\n&lt;!-- &lt;reference name=&quot;left&quot;&gt;\r\n&lt;block type=&quot;core\/template&quot; name=&quot;tm_facebook_like_right&quot; as=&quot;tm_facebook_like_right&quot; template=&quot;tm\/facebook\/facebook_like.phtml&quot;\/&gt;\r\n&lt;\/reference&gt;\r\n&lt;reference name=&quot;left&quot;&gt;\r\n&lt;block type=&quot;core\/template&quot; name=&quot;tm_facebook_like_right&quot; as=&quot;tm_facebook_like_right&quot; template=&quot;tm\/facebook\/facebook_like.phtml&quot;\/&gt;\r\n&lt;\/reference&gt; --&gt;\r\n&lt;reference name=&quot;footer&quot;&gt;\r\n&lt;block type=&quot;core\/template&quot; name=&quot;tm_facebook_like_footer&quot; as=&quot;tm_facebook_like_footer&quot; template=&quot;tm\/facebook\/facebook_like_footer.phtml&quot;\/&gt;\r\n&lt;\/reference&gt;<\/pre>\r\n<\/li>\r\n<li>\r\n<p>In the code above, block is enabled in <strong>Footer<\/strong> and disabled in <strong>Left Sidebar<\/strong>. In order to enable it, uncomment the left sidebar code and save changes in the file.<\/p>\r\n<\/li>\r\n<li>\r\n<p>In case block is missing in sidebar after editing the code, you will need to add it into the <strong>2columns-left.phtml<\/strong> or <strong>2columns-right.phtml<\/strong> appropriately. In case you&#8217;re adding <strong>Facebook Like Box<\/strong> to left sidebar, add the following line into the <strong>2columns-left.phtml<\/strong> file:<\/p>\r\n<pre class=\"brush:php\">\r\n&lt;?php echo $this-&gt;getChildHtml('tm_facebook_like_left') ?&gt;<\/pre>\r\n<p>Use the following code for right sidebar:<\/p>\r\n<pre class=\"brush:php\">\r\n&lt;?php echo $this-&gt;getChildHtml('tm_facebook_like_right') ?&gt;<\/pre>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/Magento.-How-to-manage-Facebook-like-box-extension-2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/Magento.-How-to-manage-Facebook-like-box-extension-2-300x210.png\" alt=\"Magento. How to manage Facebook like box extension-2\" width=\"300\" height=\"210\" class=\"aligncenter size-medium wp-image-48132\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Magento.-How-to-manage-Facebook-like-box-extension-2-300x210.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Magento.-How-to-manage-Facebook-like-box-extension-2-150x105.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Magento.-How-to-manage-Facebook-like-box-extension-2.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>With that done, save changes in file, refresh Magento front-end and check the site.<\/p>\r\n<\/li>\r\n<\/ol>\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=\"http:\/\/www.youtube.com\/watch?v=jZbEC-43Lzk?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento. How to manage &#8220;Facebook like box&#8221; extension<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to manage Facebook like box in Magento.<\/p>\n","protected":false},"author":65,"featured_media":48135,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[729],"tags":[935,780,1966,2407],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/48130"}],"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\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=48130"}],"version-history":[{"count":2,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/48130\/revisions"}],"predecessor-version":[{"id":82984,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/48130\/revisions\/82984"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/48135"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=48130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=48130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=48130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}