SJ Instagram Gallery

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


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:


  • 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!