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:

Partials/Instagram/CustomLayout.html

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" />

FAQ

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:

item
    images
        thumbnail => array(3 items)
            width => 150 (integer)
            height => 150 (integer)
            url => 'https://scontent.cdninstagram.com/vp/8cc17dabca3dfb79ff3db80d74e489e4/5C9E89 A1/t51.2885-15/e35/s150x150/25024956_173810950019058_5907317161587638272_n.j pg?_nc_ht=scontent.cdninstagram.com' (187 chars)
        low_resolution => array(3 items)
            width => 320 (integer)
            height => 320 (integer)
            url => 'https://scontent.cdninstagram.com/vp/68120d2512e1fa46233a1e6ee56fd82e/5CD9D2 51/t51.2885-15/e35/s320x320/25024956_173810950019058_5907317161587638272_n.j pg?_nc_ht=scontent.cdninstagram.com' (187 chars)
        standard_resolution => array(3 items)
            width => 640 (integer)
            height => 640 (integer)
            url => 'https://scontent.cdninstagram.com/vp/2d7a4cac6cdca62c9b9cad5742026e44/5C99A6 06/t51.2885-15/sh0.08/e35/s640x640/25024956_173810950019058_5907317161587638 272_n.jpg?_nc_ht=scontent.cdninstagram.com' (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}">

Support

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