ideaseven/instagram-plugin

There is no license information available for the latest version (dev-main) of this package.

No description provided yet...

Maintainers

Details

github.com/sotiriskast/oc-instagramFeed

Source

Issues

Installs: 1

Dependents: 0

Suggesters: 0

Security: 0

Stars: 1

Watchers: 1

Forks: 1

Open Issues: 0

Type:october-plugin

dev-main 2024-11-12 09:08 UTC

Requires

Unknown License 9c7d3c244d9ec34c10b637474a28bb8a1eac61bb

This package is auto-updated.

Last update: 2025-04-12 10:04:04 UTC

README

After install go to backend/settings and find instagram. Add the access token and the number of images to be display.

Composer instalation

composer require ideaseven/instagram-plugin

Available properties:

Property Inspector Name Description
getInstagramFeed() Function Get all images from instagramm

Page variables

Variable Type Description
permalink string String of image url rendering from instagram
media_url String String of image path rendering in front-end
media_type String String of image type for checking the type of rendering
caption String String of description rendering in front-end

Example of custom markup

{% set instagramFeed = getInstagramFeed() %}
{% for row in instagramFeed %}
    {% if row.media_type == 'IMAGE' %}
    <div class="item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
        <div class="image">
            <a href="{{ row.permalink }}" target="_blank">
                <img src="{{ row.media_url }}" alt="service-1">
            </a>
        </div>
        <div class="header-text p-1">
            <a href="{{ row.permalink }}" target="_blank">
                <p class="mb-0"><small class="text">{{ html_limit(row.caption, 55) }}{{ row.caption|length > 55 ? '...' }}</small></p>
            </a>
        </div>
    </div>
    {% endif %}
{% endfor %}