modInstagram2

modInstagram2

modstore.pro: https://modstore.pro/packages/photos-and-files/modinstagram2

Подробная документация и инструкция по получению токена в modstore.pro.

Результат работы

Компонент позволяет выводить на сайте последние посты из Instagram с использованием Basic Display API.

Пример использования:


[[!modInstagram2?
    &limit=`21`
    &showLog=`1`
    &tpl=`tpl.modInstagram2.item.custom`
]]


{if ($idx - 1) % 3 == 0}
    <div class="row">
{/if}
    <div class="col-12 col-md-4 mb-4 in-item">
        <div class="card">
            {switch $media_type}
                {case 'CAROUSEL_ALBUM'}
                    <div id="carouselInstagram{$idx}" class="carousel slide">
                        <div class="carousel-inner">
                            {foreach $children.data as $item}
                                <div class="carousel-item {$item@index == 0 ? 'active' : ''}">
                                    <a data-fancybox="instagram" href="{$item.media_url}">
                                        {if $item.media_url | preg_match : '(.mp4)Ui' }
                                            <video class="card-img-top" width="100%" controls="controls">
                                                <source src="{$item.media_url}" type="video/mp4">
                                            </video>
                                        {else}
                                            {set $img = '!pthumb' | snippet : [
                                                'input' => $item.media_url,
                                                'options' => 'w=400',
                                            ]}
                                            <img class="d-block w-100" src="{$img}" alt="">
                                        {/if}
                                    </a>
                                </div>
                            {/foreach}
                        </div>
                        <a class="carousel-control-prev" href="#carouselInstagram{$idx}" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Предыдущий</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselInstagram{$idx}" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Следующий</span>
                        </a>
                    </div>
                {case 'VIDEO'}
                    <a data-fancybox="instagram" href="{$media_url}">
                        <video class="card-img-top" width="100%" controls="controls">
                            <source src="{$media_url}" type="video/mp4">
                        </video>
                    </a>
                {case default}
                    {set $img = '!pthumb' | snippet : [
                        'input' => $media_url,
                        'options' => 'w=400',
                    ]}
                    <a data-fancybox="instagram" href="{$media_url}">
                        <img class="card-img-top" src="{$img}" alt="">
                    </a>
            {/switch}
        	<div class="card-body">
        		<h6 class="card-subtitle mb-2 text-muted">{$timestamp | date : 'd.m.Y'}</h6>
        		<p class="card-text">{$caption | strip : true | truncate : 100}</p>
        		<a href="{$permalink}" class="btn btn-primary" target="_blank" rel="nofollow">Подробнее</a>
        	</div>
        </div>
    </div>
{if $idx % 3 == 0}
    </div>
{/if}

Результат работы Basic Display API:

02.08.2020

Незаслуженно обделённый вниманием туристов хребет Уреньга. Особенно хорош, если не просто взойти на ...

Подробнее
13.07.2020

Река Миасс примерно в 40 километрах от своего истока за миллионы лет пробила путь в известняках, обр...

Подробнее
12.07.2020

Тургоякское рудоуправление

Подробнее
04.07.2020

Тайгинский карьер #ural #southural

Подробнее
01.07.2020

Очередной необычный маршрут на велике от @zavbus

Подробнее
26.06.2020

Санаторий УралВО

Подробнее
21.06.2020

Вокруг Тургояка на велике #zavbusteam @zavbus

Подробнее
31.05.2020

Черная скала #taganay_park #southural

Подробнее
29.05.2020

Хребет Нурали, республика Башкортостан

Подробнее
01.05.2020

Кисегач, оз.Еловое и оз.Чебаркуль

Подробнее
08.02.2020

Люблю Завьялиху за отличный фрирайд и обилие снега #zavbusteam

Подробнее
08.01.2020

НГ в Мраткино останется одной из ярких вспышек в моей памяти. Спасибо @zavbus за организацию поездки...

Подробнее
07.01.2020

#chelyabinsk #wintercycling

Подробнее
05.01.2020

#chelyabinsk #wintercycling

Подробнее
21.12.2019

Все хорошее когда-нибудь заканчивается. Так и закончился мой мотопробег с севера на юг Вьетнама + не...

Подробнее
20.12.2019

Уезжаю в закат из этой невероятной страны. #cambodia

Подробнее
12.12.2019

Канатная дорога на Фукуоке - рекомендасьон. Оч клёво и супердешево. За 150 000 донгов ты прокатишься...

Подробнее
11.12.2019

Starfish beach, Phu Quoc

Подробнее
06.12.2019

Концентрация русских пакетников и магазинов "Наташа" зашкаливает. #muine #vietnam

Подробнее