{"id":49712,"date":"2015-06-24T07:44:14","date_gmt":"2015-06-24T11:44:14","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=49712"},"modified":"2016-03-16T06:03:56","modified_gmt":"2016-03-16T10:03:56","slug":"prestashop-1-6-x-how-to-work-with-tm-social-feeds-module","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/prestashop-1-6-x-how-to-work-with-tm-social-feeds-module.html","title":{"rendered":"PrestaShop 1.6.x. How to work with &#8220;TM Social Feeds&#8221; module"},"content":{"rendered":"<p>\r\n<p>This tutorial will guide you on how to work with TM Social Feeds module in Prestashop 1.6.x. <\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=3jeSGvIfAD0?width=1280&amp;height=720\" rel=\"prettyPhoto\">PrestaShop 1.6.x. How to work with &#8220;TM Social Feeds&#8221; module<\/a><\/p>\r\n<p>This module loads the social networks feeds on your website. It enables the site visitors to be aware of the latest news and posts shared on the social networks.<\/p>\r\n<ol>\r\n<li>\r\n<p>You can change its settings on the module configuration page, open <strong>Admin panel -> Modules -> Modules -> TM Social Feeds<\/strong>. Click <strong>Configure<\/strong> button:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_1-300x169.jpg\" alt=\"PrestaShop 1.6.x. How to work with TM Social Feeds module_1\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-49713\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_1-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_1-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>You should add global settings for each social network. Different social networks have different settings:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_2-300x169.jpg\" alt=\"PrestaShop 1.6.x. How to work with TM Social Feeds module_2\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-49714\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_2-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_2-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_2.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<ul class=\"list\">\r\n<li>\r\n<p><strong>Twitter<\/strong> &#8211; It is enough to add a Widget ID which can be taken from your Twitter account.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Facebook<\/strong> &#8211; Paste the full path to the Facebook page which feeds will be loaded. The page should be public.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Pinterest<\/strong> &#8211; For Pinterest paste the full path to the page which feeds will be loaded.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Instagram<\/strong> &#8211; Client ID &#8211; a unique ID assigned during widget registration on Instagram.<\/p>\r\n<ul class=\"list\">\r\n<li>\r\n<p><strong>User Name<\/strong> &#8211; username used to link the owner&#8217;s page.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Selection type:<\/strong> you can set whether the images are loaded from specific user or by tag.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Tag by which images are loaded.<\/p>\r\n<\/li>\r\n<li>\r\n<p>ID of the user whose images will be loaded.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Instagram access token<\/strong> &#8211; access token of the user whom the page belongs.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n<\/li>\r\n<li>\r\n<p>In the second part of the module configuration page you can add the required module to the position you want. There are 4 positions. You can add the block settings for each position. The only global setting is the data of social networks which feeds will be loaded. Each social network has its own settings:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_3-300x169.jpg\" alt=\"PrestaShop 1.6.x. How to work with TM Social Feeds module_3\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-49715\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_3-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_3-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_3.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Each social network has its own settings.<\/p>\r\n<h3 class=\"custom\">Twitter<\/h3>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_4-300x169.jpg\" alt=\"PrestaShop 1.6.x. How to work with TM Social Feeds module_4\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-49716\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_4-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_4-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_4.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<ul class=\"list\">\r\n<li>\r\n<p><strong>Add block to position<\/strong> &#8211; display block in specific position.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Select theme<\/strong> &#8211; color scheme of the block for this position.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Sort order<\/strong> &#8211; sort order (order number of the block in this position).<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Widget width<\/strong> &#8211; block width in this position.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Widget height<\/strong> &#8211; block height in this position.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Widget feeds limit<\/strong> &#8211; number of feeds in the block.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Enable header<\/strong> &#8211; show block title.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Enable footer<\/strong> &#8211; show footer of the block.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Enable border<\/strong> &#8211; show border of the block.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Show replies<\/strong> &#8211; display replies to the posts.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Show scroll<\/strong> &#8211; show block scroll.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Show background<\/strong> &#8211; add block background or leave it transparent.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 class=\"custom\">Facebook<\/h3>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_5-300x169.jpg\" alt=\"PrestaShop 1.6.x. How to work with TM Social Feeds module_5\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-49717\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_5-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_5-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_5.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<ul class=\"list\">\r\n<li>\r\n<p><strong>Add block to position<\/strong> &#8211; display block in specific position.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Select theme<\/strong> &#8211; color scheme of the block for this position.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Sort order<\/strong> &#8211; sort order (order number of the block in this position).<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Widget width<\/strong> &#8211; block width in this position.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Widget height<\/strong> &#8211; block height in this position.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Enable header<\/strong> &#8211; show block title.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Enable border<\/strong> &#8211; show footer of the block.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Show faces<\/strong> &#8211; show photos of users who liked the page.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Show posts<\/strong> &#8211; show posts from the page.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 class=\"custom\">Pinterest<\/h3>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_6-300x169.jpg\" alt=\"PrestaShop 1.6.x. How to work with TM Social Feeds module_6\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-49718\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_6-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_6-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/PrestaShop-1.6.x.-How-to-work-with-TM-Social-Feeds-module_6.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<ul class=\"list\">\r\n<li>\r\n<p><strong>Add block to position<\/strong> &#8211; display block in specific position.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Sort order<\/strong> &#8211; sort order (order number of the block in this position).<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Widget width<\/strong> &#8211; block width in this position.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Widget height<\/strong> &#8211; block height in this position.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Widget column width<\/strong> &#8211; width of the block column.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 class=\"custom\">Instagram<\/h3>\r\n<ul class=\"list\">\r\n<li>\r\n<p><strong>Add block to position<\/strong> &#8211; display block in specific position.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Sort order<\/strong> &#8211; sort order (order number of the block in this position).<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Widget feeds limit<\/strong> &#8211; number of feeds displayed in the block.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<\/li>\r\n<li>\r\n<p>The module supports multi-stores.<\/p>\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=3jeSGvIfAD0?width=1280&amp;height=720\" rel=\"prettyPhoto\">PrestaShop 1.6.x. How to work with &#8220;TM Social Feeds&#8221; module<\/a><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will guide you on how to work with TM Social Feeds module in Prestashop 1.6.x.<\/p>\n","protected":false},"author":57,"featured_media":49721,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[732],"tags":[1099,557,552,860],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/49712"}],"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=49712"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/49712\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/49721"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=49712"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=49712"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=49712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}