{"id":79481,"date":"2017-02-28T10:35:14","date_gmt":"2017-02-28T15:35:14","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=79481"},"modified":"2017-02-28T10:35:14","modified_gmt":"2017-02-28T15:35:14","slug":"opencart-2-x-troubleshooter-fix-instagram-feed","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/opencart-2-x-troubleshooter-fix-instagram-feed.html","title":{"rendered":"OpenCart 2.x Troubleshooter. How to fix Instagram feed"},"content":{"rendered":"<p>This tutorial will show you how to fix Instagram feed on OpenCart 2.x templates.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/i_dIuwyA8CA\"><\/iframe>\r\n<\/div>\r\n<ol>\r\n\t<li><p>Please, go to <a href=\"https:\/\/www.instagram.com\/developer\/\" target=\"_blank\">https:\/\/www.instagram.com\/developer\/<\/a> site and at the top click on the <strong>Manage Clients<\/strong> button.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-1.png\" alt=\"OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-1\" width=\"913\" height=\"690\" class=\"alignnone size-full wp-image-79482\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-1.png 913w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-1-150x113.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-1-300x227.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-1-768x580.png 768w\" sizes=\"(max-width: 913px) 100vw, 913px\" \/><\/a>\t\r\n\t<\/li>\r\n    <li><p>Then click on <strong>Register a New Client<\/strong>.<\/p><\/li>\r\n    <li><p>You need to fill in the <strong>Application Name<\/strong>, <strong>Description<\/strong>, <strong>Website URL<\/strong> and <strong>redirect URLs<\/strong>.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-3.png\" alt=\"OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-3\" width=\"839\" height=\"861\" class=\"alignnone size-full wp-image-79483\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-3.png 839w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-3-146x150.png 146w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-3-292x300.png 292w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-3-768x788.png 768w\" sizes=\"(max-width: 839px) 100vw, 839px\" \/><\/a>\r\n\t\r\n\t<\/li>\r\n\t<li><p>Where it says <strong>redirect URLs<\/strong>, put <strong>http:\/\/instafeedjs.com<\/strong>.<\/p><\/li>\r\n\t<li><p>Then on the <strong>security<\/strong> tab make sure you uncheck the <strong>Disable implicit OAuth<\/strong> and register user.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-5.png\" alt=\"OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-5\" width=\"786\" height=\"662\" class=\"alignnone size-full wp-image-79484\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-5.png 786w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-5-150x126.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-5-300x253.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-5-768x647.png 768w\" sizes=\"(max-width: 786px) 100vw, 786px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>Please, copy your <strong>Client ID<\/strong>.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-6.jpg\" alt=\"OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-6\" width=\"803\" height=\"345\" class=\"alignnone size-full wp-image-79485\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-6.jpg 803w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-6-150x64.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-6-300x129.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-6-768x330.jpg 768w\" sizes=\"(max-width: 803px) 100vw, 803px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>Log into your admin panel and navigate to <strong>Extensions<\/strong> -> <strong>Modules<\/strong>.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-7.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-7.png\" alt=\"OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-7\" width=\"523\" height=\"740\" class=\"alignnone size-full wp-image-79486\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-7.png 523w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-7-106x150.png 106w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-7-212x300.png 212w\" sizes=\"(max-width: 523px) 100vw, 523px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>Here you can find <strong>TemplateMonster Instagram <\/strong> module. Please, open it.<\/p><\/li>\r\n\t<li><p>Put the following code under <strong>Entry ClientId<\/strong>:<\/p>\r\n\t<pre>https:\/\/instagram.com\/oauth\/authorize\/?client_id=[Client ID]&amp;redirect_uri=http:\/\/instafeedjs.com&amp;response_type=token&amp;scope=public_content<\/pre><\/li>\r\n\t<li><p>Then replace <strong>[Client ID]<\/strong> with the ID that you have created.<\/p><\/li>\r\n    <li><p>Fill in the <strong>Module name<\/strong>, <strong>Entry UserId<\/strong> and <strong>Entry accessToken<\/strong>.<\/p>\r\n\t<p>In order to get <strong>Entry UserId<\/strong> and <strong>Entry accessToken<\/strong>, 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\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-11.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-11.png\" alt=\"OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-11\" width=\"1280\" height=\"521\" class=\"alignnone size-full wp-image-79487\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-11.png 1280w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-11-150x61.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-11-300x122.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-11-768x313.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-11-1024x417.png 1024w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/a>\t\r\n\t<\/li>\r\n    \r\n\t<li><p>Once you&#8217;re done editing, click on <strong>Save<\/strong> button in order to save your changes.\r\n\t<\/p><\/li>\r\n    <li><p>Next, go to <strong>Design<\/strong> -> <strong>Layouts<\/strong>.\r\n\t<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-13.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-13.png\" alt=\"OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-13\" width=\"379\" height=\"432\" class=\"alignnone size-full wp-image-79488\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-13.png 379w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-13-132x150.png 132w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-13-263x300.png 263w\" sizes=\"(max-width: 379px) 100vw, 379px\" \/><\/a>\t\r\n\t<\/li>\r\n    <li><p>Choose the needed layout, add <strong>TemplateMonster Instagram <\/strong>module to the desired position and save changes.\r\n\t<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-14.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-14.jpg\" alt=\"OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-14\" width=\"1226\" height=\"491\" class=\"alignnone size-full wp-image-79489\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-14.jpg 1226w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-14-150x60.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-14-300x120.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-14-768x308.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/OpenCart-2.x-Troubleshooter.-How-to-fix-Instagram-feed-14-1024x410.jpg 1024w\" sizes=\"(max-width: 1226px) 100vw, 1226px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>Finally, refresh your site to see that Instagram feed has been fixed.<\/p><\/li>\r\n<\/ol>\r\n<p>This is the end of the tutorial. Now you know how to fix Instagram feed on OpenCart 2.x templates<\/p>\r\n<p>Are you looking for the best <a href=\"https:\/\/www.templatemonster.com\/opencart-templates.php\" target=\"_blank\" title=\"OpenCart Themes\">OpenCart templates<\/a>? Have a look at the hand-picked selection of the <a href=\"https:\/\/www.templatemonster.com\/blog\/best-opencart-themes-2017\/\" target=\"_blank\" title=\"Best OpenCart Templates 2017\">best OpenCart themes in 2017<\/a>.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=i_dIuwyA8CA?width=1280&amp;height=720\" rel=\"prettyPhoto\">OpenCart 2.x Troubleshooter. How to fix Instagram feed<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to fix Instagram feed on OpenCart 2.x templates.<\/p>\n","protected":false},"author":110,"featured_media":79493,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1156],"tags":[1099,1920,1157],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/79481"}],"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\/110"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=79481"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/79481\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/79493"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=79481"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=79481"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=79481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}