MNMLIS 2.0: 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-mnmlis.blogspot.my/p/create-register-instagram-client-id.html

Updating BlogrCart Instagram Plugin

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

PRO & FREEMIUM Theme Versions

Locate & select ALL starting & ending below codes:-

if($('.igSettings').val() == 'true'){

... codes ...

$('.instagram-section').remove();}

And replace above with the updated codes below...

(if($('.igSettings').val() == 'true'){
if($('#instafeed').length){ 
var feed = new Instafeed({ 
get:'user', 
clientId: '123456789ass1234567788999', 
userId:123456789,             // instagram user id
accessToken:'aaa122445.bbb122334566.cc.121234432442.assad', // instagram access token from instafeedjs.com
//
tagName: '', 
sortBy: getData('.igSettings','sortby'), 
limit: parseFloat(getData('.igSettings','limit')), 
resolution:getData('.igSettings','resolution'),
template: '<a class="animation" href="{{link}}" target="_blank" rel="nofollow"><img alt="Blogger inspired e-commerce theme template" src="{{image}}" /></a>'}); 
feed.run();
} 
}else if($('.igSettings').val() == 'false'){$('.instagram-section').remove();};

Add in your newly registered/created clientId, userId and accessToken that you have saved from the Instagram tutorial at highlighted yellow above.

Click Save Template.

You can also update your theme Instagram theme setups at highlighted cyan below...

<!--
  #13 INSTAGRAM FEED SETTINGS.
  ******************************
  # data get   = string / Avail: tagged (used with tagName) | popular | location (used with locationId) ( Not available on sandbox mode)
  # data tagname  = string / IG tagname used ( Not available on sandbox mode)
  # data sortby  = string / Avail: none | most-recent | least-recent | most-liked | least-liked | most-commented | least-commented | random
  # data limit  = integer / Max is 60 images. ( Max 20 in sandbox mode)
  # data resolution = string / Avail: thumbnail (default 150px) | low_resolution (306px) | high_resolution (612px)
  # data clientid = added at HTML99...js-addons
-->

<input class='igSettings' data-clientid='' data-get='' data-limit='20' data-resolution='thumbnail' data-sortby='random' data-tagname='' type='hidden' value='true'/>

Click Save Template.

Preview your Blogger store & your Instagram post images will display at the assigned section.