JUX Easy Instagram Feed

Created: 10/12/2020

Lastest update: 03/08/2021

By: Joomlaux

Need Support

General introduction

What is JUX Easy Instagram Feed?

JUX Easy Instagram Feed is a premium extension Instagram feed plugin for creating charming galleries of Instagram images. Take the advantage of an all-new multipurpose responsive Instagram plugin for displaying various photos from Instagram with great number of possibilities to determine a necessary resource and and to set up additional filters.

We aim at the production of high-quality and user-friendly products for our customers. That’s why we strive to allow you to use full potential of a product. For Joomla Instagram plugin JUX Easy Instagram Feedwe’ve prepared more adjustable parameters so that you can easily adapt the Instagram feed to your website.

Stay tuned! JUX Easy Instagram Feed must be cool.

 

What do you get from the Component and Plugin of JUX Easy Instagram Feed?
1. Component:
  • Get data instagram from Account Business, Personal and Hashtag
  • Offer 2 layout Grid and Slider
  • Easy get ID and Access Token
  • Full Control of Sizes, Popup Data, many customizations
  • Turn off or turn on all content to display
  • Update number liked anytime
  • Use many Positions
  • Show/hide infomation images
  • Change all color for Gallery, support color rgba (opacity)
  • With 6 hover efffect
  • Can Custom CSS
  • 100% Responsive or Fix width, height
  • Compatible with Tablet, Smart phone
  • Run on modern browsers (including IE10+)
  • Support multiple languages
2. Plugin
  • Read shortcodes both in posts or in custom modules
  • With the plugin you just need to publish the plugin and the plugin will have the function to read the shortcode in the front-end to display the interface.

Key features

  • Smartly organize and show Instagram spots
  • Combine all kinds of sources
  • Set Instagram widget anywhere
  • Adjust flexible UI parameters
  • Fully customize Instagram header
  • Add shortcode in article and module custom html easy
  • Pick out the appearance of video preview
  • Make popup a handy element
  • Customize colors for the Instagram Account/ Select various animation color
  • Can customize css
  • Be 100% responsive or Fix width, height
  • Be compatible with Tablet, Smart phone
  • Run on modern browsers (including IE10+)
  • Support multiple languages

Frontend

Shows Easy Instagram Feed in Article Joomla

 

Layout Slider

 

Layout Grid Classic

 

Hashtag Joomla

 

Change Color

 

Style Pupop

 

Backend

Go to Component JUX Easy Instagram Feed

 

Tab Detail Options

 

Tab Layout Options

 

Tab Display Options

 

Tab Style Options

 

Server Requirement

JUX Easy Instagram Feed has several system requirements as follow:

  • Apache 2.0 or above - http://www.apache.org recommended: Apache 2.0 or above.
  • PHP 5.2.4 or above - http://www.php.net recommended: PHP 5.3 or above.
  • MySQL 5.0.4 or above - http://www.mysql.com recommended: MySQL 5.0.4 or above.
  • Joomla! 3.x. Please go to - http://www.joomla.org  download Joomla! 3.x.
  • You have to ensure that your system has already installed, XML and Zlib-Support built into your PHP.
  • PHP should be compiled with support for https (openSSL) and cURL.
  • PHP Safe Mode should be turned off.

Client Requirements

This module can run well on major browsers such as: Internet Explorer (version 10+), Firefox, Chrome, Opera 9+, and Safari. JavaScript must be activated.

The client/browser needs to be capable of accepting Cookies and Cookies must be enabled.

Download

After purchasing our product, you’ll see the download link at JUX Easy Instagram Feed product page:

http://www.joomlaux.com/download.html

Note: If there is any problem, please contact us at: http://www.joomlaux.com/support/contact-us.html

Package

Package

pkg_jux_easy_instagram_feed

 

Module Installation

Go to Administrator site => “Extensions” => “Extension Manager” in the Top Menu.

In “Upload Package File” block, please Upload & Install our extensions:

Extension manager

 

Guide add shortcode in Article or Modules Custom HTML

Step 1: Please go to plugin and enable "JUX Easy Instagram Feed Load Shortcode"

Step 2: Please go to component JUX Easy Instagram Feed and create new shortcode

Step 3: After go to shortcode, please setup config you want and save shortcode

Step 4: Copy shortcode you want show it front-end

Step 5: Paste shortcode in modules Custom Joomla or article Joomla

Note: If you add the shortcode in a custom html module, then you must enable the "Prepare Content" config in the module

And you will see shortcode show front-end

Configuration for Component Layout Options

Please go to component, create shortcode, get ID and Access Token Business and Personal, then enter at config

 

Detail
  • Title:Enter title for shortcode.
  • Source Type:You can select source, Business, Personal and Hashtag.
  • User ID Business:After get Id follow guide, please enter at config.
  • Business AccessToken:After get AccessToken follow guide, please enter at config.
  • User ID Personal:After get Id follow guide, please enter at config.
  • Personal AccessToken:After get AccessToken follow guide, please enter at config.

 

Get ID and Access Token Business and Personal

if get for Business: Get AccessToken and ID Businesss

if get for Personal: Get AccessToken and ID Personal

  • After click link go to login and show information business or personal

  • Copy and Paste

  • You can enter hashtag if want instagram show tag

 

Configuration for Layout Instagram

You please set layout and templates, control for slder and grid classis .

 

Detail
  • Layout: Choose one of the two feed layouts: slider or grid
  • Templates: Select one of post templates: tile or classic.
  • Arrows: To activate arrows in the gallery
  • Drag: To activate drag in the gallery
  • Auto Play: Select auto play.
  • Loop: Select loop for slider
  • Slider Speed: Enter speed slider minisecond
  • Speed: Enter speed minisecond
  • Width: Widget width (any CSS valid value: px, %, em, etc.). Set "auto" to make the widget responsive:
  • Limit Post: Specify required number to restrict the count of loaded posts. Set it "0" to show all available posts.
  • Columns: Number of columns in the grid:
  • Rows: Number of rows in the grid:
  • Padding (px): Interval between photos in the grid in pixels.
  • Responsive: If choose 'yes' at screen < 992px will show 2 columns and 2 rows, at screen < 480px will show 1 columns and 1 rows:

Some image layout

Layout Slider

 

Layout Grid Classic

Configuration for Display Options

You can show/hide information layout and pupop.

 

Detail
  • User:Show/hide user instagram.
  • Date:Show/hide date post each image.
  • Link Instagram:Show/hide icon link each image, width layout templates classis .
  • Likes Counter:Show/hide number like counter each post .
  • Comment Counter:Show/hide number comment counter each post .
  • Share Button:Show/hide button share on Facebook and Twitter width layout templates classis.
  • Description:Show/hide description each post .
  • Limit Description:Enter number text descripton if you want limit .
  • Pupop Description:Show/hide description each post in pupop.
Some image show/hide inforation

Layout Grid

 

show/hide pupop

Configuration for Style Options

You can select color for layout and popup.

 

  • Hover Style: Set 1 in 6 style hover overlay effect
  • Color Overlay Hover: Set color for overlay
  • Overlay Post Background : Select color overlay Background
Tile Color
  • Overlay Text Color: Select color overlay text
Classic Color
  • Color Post Background: Select color post background
  • Color Post Text: Select color post text
  • Color Post Link: Select color post link
Slider Color
  • Color Slider Arrows: Select color slider arrows
  • Color Arrows Background: Select color arrows background
Popup Color
  • Color Popup Overlay: Select color popup for overlay
  • Color Popup Text: Select color popup text
Some image show/hide inforation

Layout Grid

 

Color pupop