So Instagram Gallery

View demo More detail

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!