SO Instagram Gallery

This guide will help you install SO Instagram Gallery step by step.
 

1REQUIREMENT – Back to top

At the basic level, this module will require the following conditions:

  • Compatible with version OpenCart: OpenCart 2.x
  • Have responsive

2INSTALLATION – Back to top

2.1 FTP Configuration

There are two ways to configure FTP

Option 1:

Step 1: Please go to System >> Settings >> Your Store >> Click “Edit” button

Step 2: Click FTP tab and enter the FTP username & password…

Option 2:

Step 1:Please go Here to dowload file XML of “Quick Fix”

Step 2: Please go to Extensions >> Extension Installer >> Click Upload and select file XML which you just dowloaded

Then You should see the message Success

Step 3: Go to Extension >> Modifications >> Click “Refresh” button

2.2 Module Installation

Prepare your module package

  • In your Administrator page, go to Extensions >> Extension Installer >> Click Upload and select file so-instagram-gallery.ocmod.zip.

    Then You should see the message Success

  • In this page, choose module “So Instagram Gallery”, click Install button

  • Please wait for module being installed, usually within several seconds
  • To Create the name of this module, please go to Extensions >> Modules >> Choose module “So Instagram Gallery” >> Click “Edit” button

  •  

  • Enter the name of the Module and fill the fields in the tabs. Then click “Save” button
  • To Edit the module you have created, there are two ways
    • Options 1: Choose the module you have Created >> Then Edit it
    • Options 2: Please go to Extensions >> Modules >> Choose the module you have Created >> Click “Edit” button
  • After you have installed and configured a module you can add it to a layout: Please go to Design >> Layouts >> Choose the layout you want to display
  • For Example: we choose “Home” layout

3MODULE CONFIGURATION – Back to top

3.1 Module Demo

3.2 Module Configuration

So Instagram Gallery are configured in 4 groups of parameters following:

  • General Options
  • Source Options
  • Effect Options
  • Advanced Options

General Options.

  • Class Suffix – Allow you to choose another CSS class that suits your module.
  • Type Show – Allow to choose one of two:
    • Simple.
    • Slider.
  • # Rows – Allow to set number of row for slider.
  • # Column – Allow to set number of column for each device:
    • For devices have screen width from 1200px to greater.
    • For devices have screen width from 768px up to 1199px.
    • For devices have screen width from 480px up to 767px.
    • For devices have screen width less than or equal 479px.

Source Options.

  • Instagram User ID – Input User ID of your instagram into textbox
  • Access Token – Input Access Token of your instagram into textbox
  • Limit Image – Allow to display the number of images. EX: “8” – will display eight images
  • Show Full Name – Allow to Show Full Name or not

Effect Options.

  • Margin Right Item – Allow to enter Margin Right Item (px)
  • Slide By Item – Allow to navigation slide by x.page string can be set to slide bt page.
  • Auto Play – Allow you set for slideshow auto play OR not.
  • Auto Interval Timeout – Allow to set speed of timer (Larger = Slower).
  • Pause On Hover – Allow slideshow effect stop when hover OR NOT.
  • Auto Play Speed – Allow to set transition speed of slider with unit of milisecond.
  • Start Position Item – Start position or URL hash string like #id.
  • Mouse Drag – Allow to Show Mouse Drag or not.
  • Touch Drag – Allow to Show Touch Drag or not.
  • Loop – Allow to display Loop or Not.
  • Button page – The type shows of button page.
  • Show Pagination – Allow to Show pagination or not.
  • Pagination Speed – Allow to set Navigation Speed.
  • Show Navigation – Allow to Show Navigation or not.
  • Navigation Speed – Allow to set Navigation Speed.
  • Effect – Allow to choose the effect for the module.
  • Duration – Allow to set how long animation will run (Lager = Slower).
  • Delay – Allow to set a timer to delay the excution of the next item in the queue (Lager = Slower).

Advanced Options.

  • Pre-text – Allow to enter intro text of the module.
  • Post-text – Allow to enter footer text of the module.
  • Caching – Select whether to cache the content of this module.
  • Cache Time – The time in seconds before the module is recached.

4SUPPORT – Back to top

Thank you so much for purchasing this module. If you have any questions that are beyond the scope of this help file, please send us via: Submit a Ticket

Thanks so much!