Theme Updates

June 2016

Instagram 2016 New API Restrictions

As of 1st June 2016, Instagram have rolled out their new API restrictions. BlogrCart Blogger store theme users are required to register their own Client at Instagram Developer website & use the provided tutorial to get your clientId, userId & accessToken to apply with this theme Instagram settings.

Create & Register an Instagram Client

Tutorial to create & register your Instagram credentials can be found here http://blogrcart-closet-v2.blogspot.my/p/create-register-new-instagram-client.html

Updating BlogrCart Instagram Plugin

Go to Template HTML > Backup template (if required) > Jump to Widget > find HTML99 > locate <b:includable id='js-instagram'> > Expand (by clicking the small black arrow to the left) to view the theme specific functions.

PRO Theme Version

Locate & select ALL starting & ending below codes:-

(function($){

$.loadInstagram=function(a,t){

... codes ...

return l.run(),!1 }; })(jQuery);

For Freemium Version

Locate & select ALL starting & ending below codes:-

eval(function(p,a,c,k,e,d){e=function(c){return c};

... codes ...

|instagram'.split('|'),0,{}))

And replace above with the updated codes below...

(function($){
$.loadInstagram=function(a,t){
if("undefined"==typeof Instafeed) throw new Error("loadInstagram() requires instafeedjs(js)");
"[object Object]"!=t&&(t=!1);
a||console.log("$.loadInstagram error:\n selector not defined");
var n={
  insta_debug:!1,
  insta_tagName:"",
  insta_sortBy:"most-recent",
  insta_limit:6,
  insta_resolution:"standard_resolution",
  insta_template:"",
  insta_image_lg:6,
  insta_image_sm:2,
  //
  insta_get: 'user',  // only user available for sandbox mode
  insta_user_id: '123',  // ADD YOUR instagram user id
  insta_client_id: '123',  // ADD YOUR instagram client ID
  insta_access_token: '123'  // ADD YOUR instagram access token from instafeedjs.com
};
var e=100/parseFloat(n.insta_image_lg),i=100/parseFloat(n.insta_image_sm);$("head").append("<style>"+a+" a{ width: "+i+"%;}\n@media (min-width:768px){\n"+a+" a{ width: "+e+"%;}\n}</style>");var s; if(""==n.insta_template&&(s='<a class="animation" href="{{link}}" target="_blank" rel="nofollow"><img src="{{image}}" alt="" width="100%"  height="auto" /><span><i class="fa fa-instagram fa-2x fa-inverse"></i></span></a>'), n&&$.extend(n,t),0!=n.insta_debug)return console.log("$.loadInstagram:\n"+JSON.stringify(n,null,2)),!1; var l=new Instafeed({ get:n.insta_get, userId:parseFloat(n.insta_user_id), clientId:n.insta_client_id, accessToken:n.insta_access_token, tagName:n.insta_tagName, sortBy:n.insta_sortBy, limit:parseFloat(n.insta_limit), resolution:n.insta_resolution, template:s }); return l.run(),!1 }; })(jQuery);

You can add your Instagram datas by replacing 123 at the above. Click Save Template .

or

Click Save Template & head over to Dashboard > Layout

Locate Theme Configuration helper widget and update the parameters to use your clientId, userId & accessToken you have retrieved from previous tutorial.

Remove any parameter with a "insta_get" .

• Add parameter insta_client_id (at New Link Name field) & value [your clientId] (at New link URL field). Save your link.
• Add parameter insta_user_id (at New Link Name field) & value [your userId] (at New link URL field). Save your link.
• Add parameter insta_access_token (at New Link Name field) & value [your accessToken] (at New link URL field). Save your link.

Click Save to save your settings.

Preview your Blogger store & your Instagram post images will display at the assigned section. Further customize how your instagram post images displayed by using the available parameters assigned with BlogrCart Instagram plugin.