General introduction
What is JUX Instagram Feed ?
JUX Instagram Feed dedicates users a beautiful display of Instagram images on the website. You can do whatever you want in presenting your Instagram feed by using this flexible and easy-to-use Joomla module. Also, the module exactly meets all the need that users want to do with the Instagram feed such as nicely presenting, uploading photos, and creating an eye-catching image set with flexible control in sizes and UI..
Key features
- Get data instagram from many different sources
- Filter data and limit post, set cache time
- Offer 8 styles for the layout page
- Offer 2 layout Grid and Slider
- Full Control of Sizes, Popup Data, many customizations
- Share the post on the personal Facebook and Twitter page
- 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)
- Can Custom CSS
- 100% Responsive or Fix width, height
- Compatible with Tablet, Smart phone
- Run on modern browsers (including IE10+)
- Support multiple languages
This extension is your choice if
- You want to embed Instagram page or timeline on your website
- Your visitors want to share your fantastic content, and go viral on the Internet
- You want your website visitors to become your followers to show how much they value you
- You want to display full information and beautiful interface
- You need a reliable working solution to save your time and money
Frontend
Shows Gallery Instagram Feed
Shows Grid Classec Layout
Fix Width, Fix Height
Small Images
Style hover
Only Couter
Popup Style
Show notification auto update number liked
Backend
Tab Module Options
Tab Layout Options
Tab Display Options
Tab Color Options
Tab Advanced Options
Server Requirement
JUX 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 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
|
Module |
mod_jux_social_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
Configuration for Module
You can enter source form user, tag and filter, limit images, cache time . . .
Detail
- Instagram sources: A source list for getting Instagram images.Use the following variants:
- @username - Instagram posts from username
- #hashtag - Instagram posts with hashtag
- location URL - Instagram posts by location (See tutorial)
- post URL - specific Instagram posts
- Filter only: It allows to filter posts by @username, #hashtag, location URL or post URL. It accepts a set of values as listed in the source option.
- Filter except: It allows to exclude specific posts by URL or posts which contain the specified hashtags or which refers to the certain authors or locations. It accepts a set of values as listed in the source option.
- Limit Post: Specify required number to restrict the count of loaded posts. Set it "0" to show all available posts.
- Cache Media Time: It defines how long the posts will be cached in browsers' localStorage. Set "0" to turn the cache off.
- Lanuage: Widget’s UI language. 21 languages support: de, en, es, fi, fr, it, nl, no, pl, pt-BR, sl, sv, tr, ru, hi, ko, zh-HK, vn, fa, ar, HK.
This is User Instagram ?
Get Many User, Tag . . .
Hashtag showcase:
Example for image loading:
Configuration for Layout Instagram
You can select layout and templates, responsice fix width, height or config number column, row and padding
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: Autoplay in the slider (in seconds). If this option is set to "0" autoplay is turned off.
- Slider Speed Play: Animation speed of slide switching (sec)..
- Responsive: If choose 'yes' at screen < 768px will show 2 columns and 2 rows, at screen < 480px will show 1 columns and 1 rows:
- Width: Widget width (any CSS valid value: px, %, em, etc.). Set "auto" to make the widget responsive:
- 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 Style ?
Reponsive fix width, height:
Padding Style?
Small Images
Layout Slider Classic
Layout Grid Tile
Configuration for display Instagram
You can select config controller that you like for Gallery Instagram, show/hide all infomation image and set link image when click
Gallery Info
- 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 .
Popup Info
- Mode: Choose the mode of opening photos: in popup ("popup") or in a new browser tab right in Instagram ("instagram") or not link if you select "None".
- Username: Show/hide user in popup.
- Instagram Link: Show/hide user in popup.
- Likes Counter: Show/hide numer counter liked.
- Comment Counter:Show/hide number comment counter each post .
- Location:Show/hide location in popup .
- Button Follow:Show/hide button follow .
- Button Share:Show/hide button share .
- Passed Time:Show/hide date post each image in popup .
- Description:Show/hide description each post .
- Comment :Show/hide all comment in each post images .
Show/hide all information in each image instagram
Show/hide all information in popup
Setting config only show like counter
Set config popup only show comment
Configuration for style Instagram
This Tab, you can select any style color post image and popup, select many hover effect beautiful
- Hover style: Choose style hover for gallery
- Custom Color Overlay: Custom color for hover overlay, if select 'No' else color will is default
- Color Overlay Hover: Set color overlay
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
Grid Color
- Color Button Loadmore: Select color button loadmore
Popup Color
- Color Popup Overlay: Select color popup for overlay
- Color Popup Background: Select color popup background
- Color Popup Text: Select color popup text
- Color Popup Link: Select color popup link
- Color Popup Button Follow: Select color popup button follow
- Color Popup Action Button: Select color popup action button
Set color post image instagram
Set color popup follow you want
Configuration for Advanced
You can write some code by custom code field for Instagram Feed module Or add the jquery library
