Виджет инстаграм с ручным наполнением ленты. Ранее мы использовали автоматическое наполнение, но в связи с нестабильной работой API инстаграм (в последнее время виджеты с автоматическим заполнением отображаются через раз) мы отказались от такого метода загрузки данных. Данный виджет не зависит от api instagram, в связи с чем нет перебоев в работе.
В данном виджете настроена автоматическая оптимизация изображений. Фотографии конвертируются в формат webp и jpg необходимого размера (если браузер клиента не поддерживает отображение формата webp, то клиент увидит фото публикаций в формате jpg). Также настроена отложенная загрузка изображений, что позволяет вам загружать большое количество публикаций, не переживая о том, что сайт станет работать медленнее.
Виджет инстаграм на одном из сайтов
Наш виджет представляет из себя слайдер высотой в одну картинку с возможностью пролистывания:
- путем клика по кнопкам навигации (налево и направо)
- путем скроллинга мышью или пальцем на моб устройствах
- путем горизонтального скроллинга на устройствах, имеющих возможность горизонтального скролла на мышке (mac)
Лента для инстаграм заполняется вручную. Загружать изображения и прописывать к ним ссылки необходимо в админ части вашего сайта/контент/блоках в панели блоков «слайдеры системные» с идентификатором instagram.
Виджет оптимизирован под быструю работу.
Возможности настройки виджета. Вы сможете:
- включить виджет на главной странице или на всех страницах сайта
- изменить на свое усмотрение заголовок (например: «Подпишись на наш Instagram» или просто «Новости в инстаграм») Также, вместо заголовка, вы сможете загрузить картинку.
- включить автоматическую прокрутку по кругу, указав скорость авто пролистывания (например можно настроить, что слайдер будет пролистываться раз в 3 секунды).
- указать количество публикаций, отображаемых в виджете для различных устройств (например 2 публикации в моб версии, 4 - для планшетов и 8 - для устройств с большой шириной экрана). Изменяя кол-во публикаций, отображаемых на экране, вы автоматически будете менять высоту виджета. Меньше публикаций - виджет будет крупнее, фотографии - больше.
- настроить отступ между фотографиями публикаций (если указать «0» - то публикации будут «склеены» в сплошную ленту.
- настроить закругление фотографий по краям (можно выводить квдратные изображения, можно с закругленными краями)
- настроить максимальную ширину виджета.
- выбрать вид кнопок (стрелки, стрелки в квадратике, в круге, указатели или сможете загрузить иконки кнопок на свое усмотрение).
- выбрать расположение кнопок (слева и справа от названия или по краям, в самой ленте виджета).
- установить цвет кнопок и текста, изменить фон виджета.
Виджет в работе вы можете посмотреть ниже, на этой странице.
Примеры на сайтах:
Отзывы
Интернет-магазин krasniykon.ru
koreansun.ru
attivoshop.ru
Надежда www.spa-estetika.ru