The Pic Puller for Instagram Media Browser

The full-feature version Pic Puller for Instagram includes a Instagram Media Browser fieldtype to help your users select images. If you've not seen the video overview be sure to check it out here.

You can have multiple instances of this fieldtype in a channel entry. Since it allows the browsing of a user's photos, it requires that the author of the post to have already authorized Pic Puller to interact with his or her Instagram account.

The fieldtype's intended purpose is to work together with the ig_picpuller:media tag pair which takes a single media_id of an Instagram image and displays whatever information your tag wants to display.

Below is an example of how it works.

Fieldtype + Media tag

Sample EE template code:

{exp:channel:entries channel='sample_fieldtype_use' limit='10'}
	<p>Raw id of Instagram image: {instagram_media_1}</p>
	<p>Author_id of this post from ExpressionEngine that's passed into the Pic Puller media tag: {author_id}</p>
	{exp:ig_picpuller:media user_id='{author_id}' media_id='{instagram_media_1}' use_stale_cache='yes'}
		<img src="{ig_low_resolution}" alt="{ig_caption}" border="0" />
	{/exp:ig_picpuller:media}
	<p><em>Image description added into ExpressionEngine entry:</em>:</p>
	<p>{image_description_1}</p>
	<hr>
{/exp:channel:entries}

Resulting rendered HTML:

Raw id of Instagram image: 354864592330793366_55973943

Author_id of this post from ExpressionEngine that's passed into the Pic Puller media tag: 1

Image description added into ExpressionEngine entry:

This image was found using the tag search browser.

---

Raw id of Instagram image: 181339727646821100_1500897

Author_id of this post from ExpressionEngine that's passed into the Pic Puller media tag: 1

Image description added into ExpressionEngine entry:

Coming home late at night, we spotted this little guy just hanging out. He wasn't camera shy.

---

Raw id of Instagram image: 127534943613880528_1500897

Author_id of this post from ExpressionEngine that's passed into the Pic Puller media tag: 1

Image description added into ExpressionEngine entry:

You don't really need to go searching for interesting images in New York. You just stumble across them walking down the street.

---

Raw id of Instagram image: 528453365_1500897

Author_id of this post from ExpressionEngine that's passed into the Pic Puller media tag: 1

Image description added into ExpressionEngine entry:

What do you do in the middle of winter at the Botanical Garders? Set up elaborate toy trains to run through the indoor areas and the crowds will come.

---