Instagram Feed 2 Documentation

Installationtop

Uploading

  1. Download the add-on
  2. Go to Admin panel > Add-ons > Manage Add-ons
  3. Click on [+] to open upload modal window
  4. Please choose whatever is comfortable to you:
    Local: zip archive is saved on your computer
    Server: zip archive is uploaded on your server
    URL: you have a direct link to the zip archive
  5. After you selected the zip archive corresponding to your current version of CS-Cart please click Upload & install

Activation

  1. Open add-on settings page Admin panel > Add-ons > Manage Add-ons >
    [TH] Instagram Feed 2
  2. In Activation tab insert License key
  3. Save the settings and go back to Manage Add-ons page
  4. In same line with the name of the add-on, click Active
  5. Clear cache, choose Administration > Storage > Clear cache

Make sure that the add-on status is Active

That’s all, the add-on is installed


Usagetop

After installing the add-on, you will need access to the following:

Create a Facebook application

Go to https://developers.facebook.com and create a new application
Enter the name of your application and your email address.
Go to the app settings and select “Basic” in the left section. Fill in the “App Domains” and “Privacy Policy IRL” fields, check “Support my own business” under the “Business Use”.
In the app settings, add a WWW platform and enter your store web address.

Next, you need to get access to the store. In order to do that you first need to go to https://developers.facebook.com/tools/explorer.

Open the User or Page list and select Get User Access Token.

In “Permissions” select:

  • pages_show_list
  • business_management
  • instagram_basic
  • instagram_manage_insights

After you need to go review your app on Facebook

......

The section will be updated soon

......

After that, you can create blocks containing Instagram feed 2

To create a new block:

  1. Make sure that you have the access key, how to get it described above
  2. Go to Admin panel > Design > Layouts
  3. Choose location
  4. Press [plus] and select Add block
  5. In the opened window select the tab Create New Block and then block Instagram Feed
  6. Set the block name and select settings
  7. Press Create button

It is important to understand that the add-on is designed to work with standard Responsive theme and theme based on it. For all others custom themes contact us


Add-on settingstop

To change add-on settings: Go to Admin panel > Add-ons > Manage Add-ons > [TH] Instagram Feed 2

Facebook App Access Token – get from Facebook application

Facebook Page ID

  1. From News Feed, click Pages in the left side menu.
  2. Click your Page name to go to your Page.
  3. Click About in the left column. If you don’t see About in the left column, click See More.
  4. Scroll down to find your Page ID below More Info.

The update frequency – specifies how long to store data received from Instagram


D) Block settingstop

Press [gear] under the block name to open the settings window

  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

Change stylestop

Style files add-on should not be changed, this can lead to incorrect work of the add-on. If there was a need to redefine or add styles, please use Theme editor for this

  1. Go to Design > Themes
  2. Press Visual Editor in front of the currently active layout
  3. In the new tab, you will see your shop with Theme editor panel
  4. In CUSTOMIZE selector choose Custom CSS
  5. In textarea you can add your styles
  6. After editing save your changes by pressing Save and press [X] to close editor

Limitations stylestop

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

 


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.