Лента Instagram 2 Документация

Установкавверх

1. Загрузка

  1. Скачайте модуль
  2. Перейдите в Панель Администратора > Модули > Управление модулями
  3. Нажмите на [+] чтобы открыть диалоговое окно загрузки
  4. Выберите удобный для вас способ:
    Загрузить: zip архив храниться на вашем компьютере
    Сервет: zip архив храниться на вашем сервере
    URL: у вас есть прямая ссылка на zip архив
  5. После того как вы выбрали zip архив для соответствующей версии CS-Cart, пожалуйста, нажмите кнопку Загрузить
  6. Очистите кэш, выберите Администрирование > Хранилище данных > Очистить кэш

2. Активация

  1. Откройте страницу настроек модуля Панель Администратора > Модули > Управление модулями > [TH] Instagram
  2. Во вкладке Активация введите Номер лицензии
  3. Сохраните настройки и вернитесь на страницу Управление модулями
  4. В строке с названием модуля, выберите Вкл.
  5. Очистите кэш, выберите Администрирование > Хранилище данных > Очистить кэш

Использованиевверх

После установки модуля, вам потребуется:

Создание Facebook приложения

Перейдите по ссылке https://developers.facebook.com и создайте новое приложение
Введите имя вашего приложения и адрес электронной почты.
Перейдите в настройки приложения и выберите вкладку “Основное” в панели слева. Заполните поля “Домены приложений” и “URL-адрес политики конфиденциальности”, выберите “нужд моей компании” в разделе “Использование для нужд компании”.
В настройках приложения добавьте Веб-сайт и введите веб-адрес магазина.

В продуктах добавьте Instagram

Далее вам нужно получить Ключ доступа для магазина. Для того, чтобы сделать это, вам сначала нужно перейти по ссылке https://developers.facebook.com/tools/explorer.

Откройте User or Page list и выберите Get User Access Token.

В секции Пользователь или Страница выберите “Получить маркер доступа пользователя”

В разделе “Разрешения” выберите:

  • manage_pages
  • pages_show_list
  • business_management
  • instagram_basic
  • instagram_manage_insights

Для отображения подключенного аккаунта Instagram

  • manage_pages
  • instagram_basic
  • pages_show_list

Для отображение ленты Instagram по хештегу

  • manage_pages
  • Instagram Public Content Access
  • instagram_basic

Для отображение публичных лент других пользователей (необходимо для Мультивендора)

  • manage_pages
  • business_management
  • instagram_basic
  • pages_show_list
  • instagram_manage_insights

Добавьте “Авторизация Facebook” в своё приложение и перейдите в настройки. Вставьте ссылку https://example.com/admin.php?dispatch=addons.update&addon=ath_instagram_2 в поле “Valid OAuth Redirect URIs”.

Убедитесь, что вы ввели ссылку с HTTPS. Затем вам нужно заменить “example.com/admin.php” в вашей ссылке на панель администратора.

 

После этого вам необходимо пройти ревью приложение в Facebook

После того как вы пройдете ревью вы можете создавать блоки содержащие Instagram ленту

Для создания нового блока необходимо:

  1. Убедиться что у вас есть ключ доступа, как его получить описано ниже в настройках модуля
  2. Перейти в Панель Администратора > Дизайн > Макеты
  3. Выбрасть расположение
  4. Нажмите [плюс] и выбирете Добавить блок
  5. В открывшемся окне выбрать вкладку Создать новый блок и в ней блок Instagram Feed
  6. Задать название блока и выбрать настройки
  7. Нажать кнопку Создать

Важно понимать, что дополнение предназначено для работы со стандартной адаптивной темой и темой на ее основе. Для всех других пользовательских тем свяжитесь с нами.


Настройки модуля – вверх

Чтобы изменить настройки надстроек: перейдите в Панель Администратора > Модули > Управление модулями > [TH] Instagram
Нажмите [шестеренку] и выберите глобальные настройки

App ID и – заполняются из созданного приложения, после их заполнения и сохранения страницы появятся кнопка авторизации

Сохраните страницу настроек и получите Facebook App Access Token

Facebook Page ID

  1. В Ленте Новостей в Facebook выберите пункт страницы в меню слева.
  2. Щелкните на имя своей страницы, чтобы перейти на нее.
  3. Нажмите кнопку о программе(информация) в левом столбце. Если в левой колонке вы не видите о программе(информация), нажмите кнопку Подробнее.
  4. Прокрутите вниз, чтобы найти идентификатор страницы ниже дополнительной информации.

Частота обновления – указывается время того как часто необходимо обновлять кэш instagram постов в модуле


Настройки блока – вверх

Нажмите [шестеренку] под названием блока, это откроет окно его настроек

  1. Tab General contains field Template – specifies the template to display
    • Grid – grid of photos
      • Number of columns in the objects list – number of columns
      • Indents (px) – space between the elements
      • Hovering – sets the style for the hover effect
        • – disable hover
        • Information – show information about comments and likes
        • Description – show description text for material
        • Dim – show darken cover
        • Lighten – show light cover
    • Scroller – scroller with photos
      • Setting as products scroller
      • Hovering – sets the style for the hover effect
        • – disable hover
        • Information – show information about comments and likes
        • Description – show description text for material
        • Dim – show darken cover
        • Lighten – show light cover
  2. Content tab
    • User gallery – show feed the user logged in the add-on settings
    • Tag gallery (Recent) – show feed by the selected #hashtag, the most recently published photos and videos
    • Tag gallery (Top) – show feed by the selected #hashtag, the most popular photos and videos
    • Business user gallery – show feed by username (Instagram Business and Creator Accounts)
    • Company @username – show feed on vendor page by username (for Multi-Vendor)
  3. Block settings tab
    • Limit – number of uploaded photos, maximum 30

Username for vendortop

This function works for CS-Cart Multi-Vendor

  1. Go to vendor page Admin panel > All vendors > Vendor name
  2. Select the tab Add-ons
  3. In Contact information section set the Instagram username
  4. Save vendor settings

Vendor planstop

This function works for CS-Cart Multi-Vendor


Изменение стилей – вверх

Файлы стилей не должен быть изменены, это может привести к некорректной работе модуля. Если необходимо переопределить или добавить стили, пожалуйста, используйте Редактор тем

  1. Перейдите в Дизайн > Темы
  2. Нажмите кнопку Редактор тем рядом с активным макетом
  3. В новой вкладке, вы увидите свой магазин с панелью Редактор тем
  4. В выпадающем списке РЕДАКТИРОВАТЬ выберете Пользовательские CSS
  5. В текстовое поле вы можете добавить свои стили
  6. После редактирования сохраните изменения, нажав Сохранить и нажмите [X] чтобы закрыть редактор

Limitations stylestop

You can query a maximum of 30 unique hashtags within a 7 day period.

The add-on works on the basis of Instagram Graph API and has all the limitations of this API

 


Список изменений

1.05 (04 Dec 2019)
Исправления в css 
Ссылка доступна для вида при наведении "Описание"
Если у видео есть превью, то загружается оно, а не видео файл

1.04 (26 Nov 2019)
API Graph обновлен до последней версии v5. 0
Исправлен баг в карусели постов

1.03 (19 Nov 2019)
Добавили lazyload для изображений и видео
Исправления для RTL						
5% Discount
No prize
Next time
Almost!
10% Discount
15% Discount
No Prize
No luck today
Almost!
50% Discount
No prize
Unlucky
Get your chance to win a price!
Enter your email address and spin the wheel. This is your chance to win amazing discounts!
Our in-house rules:
  • One game per user
  • Cheaters will be disqualified.