{"id":67343,"date":"2016-03-24T05:47:35","date_gmt":"2016-03-24T09:47:35","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=67343"},"modified":"2020-01-29T08:37:41","modified_gmt":"2020-01-29T13:37:41","slug":"opencart-2-x-how-to-manage-tm-instagram-module","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/opencart-2-x-how-to-manage-tm-instagram-module.html","title":{"rendered":"OpenCart 2.x. How to manage &#8220;TM Instagram&#8221; module"},"content":{"rendered":"<a href=\"http:\/\/www.youtube.com\/watch?v=1srNbHVtdWE?width=1280&amp;height=720\" rel=\"prettyPhoto\">OpenCart 2.x. How to manage &#8220;TM Instagram&#8221; module<\/a>\r\n<p>This tutorial will guide you through the basic steps of editing the module that displays the Instagram social network pictures including the number of likes in a list for your OpenCart store.<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_1-300x169.jpg\" alt=\"OpenCart_2.x._How_to_manage_TM_Instagram_module_1\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-67344\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_1-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_1-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<ol>\r\n\t<li><p>First, log into the <strong>Admin Panel<\/strong> of your OpenCart store.<\/p><\/li> \r\n\t<li><p>Navigate to <strong>Extensions &#8211; > Modules<\/strong> section:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_2-300x169.jpg\" alt=\"OpenCart_2.x._How_to_manage_TM_Instagram_module_2\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-67345\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_2-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_2-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_2.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n\t<li><p>Find the <strong>TM Instagram<\/strong> module in the list and click the <strong>Edit<\/strong> button:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_3-300x169.jpg\" alt=\"OpenCart_2.x._How_to_manage_TM_Instagram_module_3\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-67346\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_3-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_3-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_3.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n\t<li><p>Let&#8217;s configure the module. In order to get the Entry ClientID, Entry UserId and Entry accessToken, please check the following links <a target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/instagram.pixelunion.net\">Get Your Instagram Access Token<\/a>, <a target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/jelled.com\/instagram\/lookup-user-id\">Lookup Your Instagram User ID<\/a>, <a href=\"http:\/\/darkwhispering.com\/how-to\/get-a-instagram-client_id-key\" target=\"_blank\" rel=\"nofollow\">Get a Instagram Client_ID key<\/a> :<\/p>\r\n\t\t\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_4-300x169.jpg\" alt=\"OpenCart_2.x._How_to_manage_TM_Instagram_module_4\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-67347\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_4-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_4-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_4.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t\t\r\n\t\t<p><strong>Module settings<\/strong><\/p>\r\n\t\t<ul class=\"list\">\r\n\t\t\t<li><p>Module Name &#8211; the name of the module;<\/p><\/li>\r\n\t\t\t<li><p>Select Get &#8211; how to get the images. There are 2 values available (user and tagged), which means either to get the images of the exact user or using hashtag;<\/p><\/li>\r\n\t\t\t<li><p>Entry TagName &#8211; tag that is used to display the images (it is used if you previously selected tagged in the &#8220;Select get&#8221; field);<\/p><\/li>\r\n\t\t\t<li><p>Entry ClientID &#8211; your API ID at instagram.com (it is used if you previously selected tagged in the &#8220;Select get&#8221; field);<\/p><\/li>\r\n\t\t\t<li><p>Entry UserId &#8211; user ID (it is used if you previously selected user in the &#8220;Select get&#8221; field);<\/p><\/li>\r\n\t\t\t<li><p>Entry accessToken &#8211; token to display custom image (it is used if you previously selected user in the &#8220;Select get&#8221; field);<\/p><\/li>\r\n\t\t\t<li><p>Entry limit &#8211; limit of entries;<\/p><\/li>\r\n\t\t\t<li><p>Status &#8211; module status (enabled\/disabled).<\/p><\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t\r\n\t<li><p>Once module is configured, open <strong>Design &#8211; > Layouts<\/strong> section:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_5-300x169.jpg\" alt=\"OpenCart_2.x._How_to_manage_TM_Instagram_module_5\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-67348\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_5-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_5-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_5.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n\t<li><p>Click the <strong>Edit<\/strong> button of the <strong>Home<\/strong> page and add the <strong>TM Instagram module<\/strong> to the hook:<\/p>\r\n\r\n<img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_6-300x169.jpg\" alt=\"OpenCart_2.x._How_to_manage_TM_Instagram_module_6\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-67349\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_6-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_6-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/OpenCart_2.x._How_to_manage_TM_Instagram_module_6.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\r\n<\/li>\r\n\t\r\n\t<li><p>Refresh the website to see the changes.<\/p><\/li>\r\n\t\r\n<\/ol>\r\n\r\n\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=1srNbHVtdWE?width=1280&amp;height=720\" rel=\"prettyPhoto\">OpenCart 2.x. How to manage &#8220;TM Instagram&#8221; module<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial will guide you through the basic steps of editing the module that displays the Instagram social network pictures including the number of likes in a list for your OpenCart store.<\/p>\n","protected":false},"author":57,"featured_media":67350,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1156],"tags":[1920,557,1157],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/67343"}],"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=67343"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/67343\/revisions"}],"predecessor-version":[{"id":85834,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/67343\/revisions\/85834"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/67350"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=67343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=67343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=67343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}