SJ Instagram Gallery

View demo More detail

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

1REQUIREMENT – Back to top

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

Compatible with version Joomla: Joomla!2.5, Joomla! 3.x and Responsive layout.

2INSTALLATION – Back to top

Prepare your module package

Firstly, you need to UNZIP file that you have downloaded. Please note that you should choose module package that are suitable with each Joomla version which you have just downloaded.

Secondly, install main module (extracted mod_ file):

In your Administrator page, go to Extensions -> Extension Manager. In this page, click Browse, select module package.

Then click Upload & Install

Please wait for module being installed, usually within several seconds.

Now go to Extensions -> Module Manager, click Select Type box and choose the module you have installed.

Prepare to perform Module Configuration

3MODULE CONFIGURATION – Back to top

3.1 Below is module layout

3.2 Module Configuration

Note:We used the images of module’s installation on Joomla 3.x to illustrate.

After installing, go to Extensions -> Module Manager and find SJ Instagram Gallery to configure.

SJ Instagram Gallery module is configured in 4 main groups of parameters as following:

Module.
Source Options.
Effect Optionss.
Advanced.

Let’s look at the parameters in detail:

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.

For General
- Title – Allow to set title of module.
- Show Title – Allow to show/hide title of module.
- Hide Full Name – Allow to show/hide full name of module.
- Select Target – Allow to choose one of two:
  - Blank.
  - Self.
- 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

Effect Options.

Auto Play – Allow you set for slideshow auto play OR not.
Display Navigation – Allow to Show Navigation or not.
Display Loop – Allow to Show Loop or not.
Touch Drag – Allow to Show Touch Drag or not.
Mouse Drag – Allow to Show Mouse Drag or not.
Pause On Hover – Allow slideshow effect stop when hover OR NOT.
Auto Interval Timeout – Allow to set speed of timer (Larger = Slower).
Auto Play Speed – Allow to set transition speed of slider with unit of milisecond.

Advanced Options.

Alternative Layout – Set custom layout for this module.
Include Jquery – Allow you to include Jquery OR NOT.
Pre-text – The content to show at the top of module.
Post-texl – The content to show at the end of module.
Module Tag – Allow to select the HTML Tag for module.
Bootstrap Size – Allow to set the number of columns that module will use.
Header Tag – Allow to select the HTML Tag for module header/title.
Header Class – Support the CSS Class for module header/title.
Module Style – Select module style.

4SUPPORT – Back to top

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

Thanks so much!