Instagram integration for TYPO3

This Plugin enables you to display instagram media from user. It doesn't require Instagram API access - BUT: it will only work if your server isn't black listed by Instagram!

Define another Instagram-Template

Add Page-TypoScript for creating an additional Template select box item:

TCEFORM.tt_content.pi_flexform.instagram_instagram.sDEF {
    settings\.template {
        addItems {
            CustomLayout = Custom-Layout Label

Duplicate the Default partials and modify them as you need:


Use instagram plugin by using TypoScript

Create a marker with the plugin

lib.instagram.owlCarousel = USER
lib.instagram.owlCarousel {
    userFunc = TYPO3\CMS\Extbase\Core\Bootstrap->run
    pluginKey = Instagram
    pluginName = Instagram
    extensionName = Instagram
    vendorName = CodingMs
    controller = Instagram
    action = show
    settings < plugin.tx_instagram.view
    settings.template = OwlCarousel
    view < plugin.tx_instagram.view

Usage in other Fluid templates:

<f:cObject typoscriptObjectPath="lib.instagram.owlCarousel" />


Using Instagram media with OwlCarousel2

The required libraries will be loaded by a CDN.

Are there any caches for the feed data

Yes, the feed data will be cache automatically for 1h.

Using different image sizes

The instagram API provides three different sizes of images:

        thumbnail => array(3 items)
            width => 150 (integer)
            height => 150 (integer)
            url => ' A1/t51.2885-15/e35/s150x150/25024956_173810950019058_5907317161587638272_n.j pg?' (187 chars)
        low_resolution => array(3 items)
            width => 320 (integer)
            height => 320 (integer)
            url => ' 51/t51.2885-15/e35/s320x320/25024956_173810950019058_5907317161587638272_n.j pg?' (187 chars)
        standard_resolution => array(3 items)
            width => 640 (integer)
            height => 640 (integer)
            url => ' 06/t51.2885-15/sh0.08/e35/s640x640/25024956_173810950019058_5907317161587638 272_n.jpg?' (194 chars)

Usage in Fluid:

<img src="{item.images.thumbnail.url}" alt="{item.caption.text}" title="{item.caption.text}">
<img src="{item.images.low_resolution.url}" alt="{item.caption.text}" title="{item.caption.text}">
<img src="{item.images.standard_resolution.url}" alt="{item.caption.text}" title="{item.caption.text}">


For paid support send an email to typo3(at)coding(dot)ms