Instagram Feed Documentation

A) 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
  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


B) Usagetop

After installing the add-on, you need to connect your Instagram account to get an access key. To do this:

  1. Go to add-on settings Admin panel > Add-ons > Manage Add-ons > [TH] Instagram
  2. Press “Login to your account and authorize the app” buttons “Login to your account and authorize the app” button
  3. If necessary log in to Instagram
  4. Authorize (Authorize button) “Access Token for CS-Cart add-on from ThemeHills” app
  5. Save settings

After that, you can create blocks containing Instagram feed

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


C) Add-on settingstop

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

  1. Button “Login to your account and authorize the app” – automatically generates a key for your profile and inserts it in the “Your access token”
  2. Your access token – contains a key necessary for the app, to retrieve data from the Instagram
  3. 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
    • One column – display in the form of a feed like in Instagram
  2. Content tab
    • User gallery – show feed the user logged in the add-on settings
    • Tag gallery – show feed by the selected #hashtag
    • Hashtag of the product – show feed on product page by hashtag
    • Company @username – show feed on vendor page by username (for Multi-Vendor)
  3. Block settings tab
    • Images size – sets one of three sizes for photos
    • Limit – number of uploaded photos, maximum 30
    • Title of the block name – depending on the selection will display the block name or the title like “Instagram_icon Gallery @username”

E) Hashtag for producttop

To set a hashtag for product:

  1. Go to product page Admin panel > Products > Products > Product name
  2. Select the tab Add-ons
  3. In Instagram section set the hashtag
  4. Save product

F) 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

G) 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 your can add your styles
  6. After editing save your changes by pressing Save and press [X] to close editor

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.