JUX Gallery

From JoomlaUX Wiki
Jump to: navigation, search

Contents

Introduction

Overview

JUX Gallery is an exceptional responsive Joomla gallery component to present neat & beautiful Gallery on your site.

Have you seen how Google Images handles their images in result page after you type a keyword in search box? JUX Gallery works in the similar way! JUX Gallery uses the power of jQuery to display your images in logic and well-ordered rows, no matter what image’s sizes are. In other words, the extension automatically aligns your thumbnails into a justified grid using jQuery. And it’s responsive!

That’s not even the best thing about JUX Gallery. The unique feature that makes JUX Gallery standout lies in its administrator section. Controlling JUX Gallery in backend is just a breeze – we made it very easy to use and configure in backend so website’s admin task will be minimized. You can control JUX Gallery in only one view – means that all actions can be done within only one page without reloading page. All settings & configurations like changing album’s order, arranging images…can be easily done by dragging and dropping items here and there.

Key features

  • Creative style in user interface
  • Responsive 100% Width Or Flexed Size
  • Compatible with Tablet, Smart phone
  • Using CSS Animation with FallBack to jQuery
  • Runs on modern browsers (including IE7 /8)
  • iPhone & Android Swipe Touch enabled
  • Display items with custom width or 100% width responsive
  • Category filter
  • Unlimited item
  • Support multiple languages
  • Flexible configuration in component and menu parameters

Screenshots

Backend

AlbumsManager.JPG
Backend Control Panel


Frontend

Configuration

JUX Gallery Installation

Requirements

Server Requirements

Our extension has several system requirements as follow:

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, and Safari.

Installation

Download

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

 http://www.joomlaux.com/products/jux-gallery.html – JUX Gallery

JUX Gallery Installation

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

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

  • pkg_jux_gallery 1.0.0.zip

Language Installation

JUX Gallery 1.0’s interface can be switched to different languages. Default language is English. To make JUX Gallery 1.0 able to run with different languages, please follow these steps:

  • Download & Installation new Joomla! Language File.
  • After installing your language, let say its xx-YY, you need to create the JUX Gallery language file to your language by:
    • Copy this file: {site root}/language/en-GB/en-GB.com_jux_gallery.ini
    • To: {site root}/language/xx-YY/xx-YY. com_jux_gallery.ini
  • Then translate it to your language.

Note: Sometimes you need to change encoding type of language file to “UTF8 without Bom” (you can use notepad++ to change encoding type of the file).

If you want to change backend language, do the same with language in “administrator” folder.

  • Switch the global Language
    • For Joomla! 3.x: go to “Extensions” => “Languages Manager”, select the language of your choice and make it “Default” by clicking that icon in the toolbar.

JUS Gallery LanguageManage.jpg

Manage JUX Gallery

Configure Option

The Configuration Panel is the most important of JUX Gallery. You can access Configuration Panel by clicking on link “Option” in all views of component.

Note that the Configuration Panel can be accessed by Users with Permissions “admin” only (by default).

General Configuration.JPG

Frontend template

Choose template to use for this component.

jQuery library handling

Remote copies of jQuery & jQuery UI and loaded over Google’ CDN and it’s the default option.

jQuery library loading

On/Off jQuery

jQuery NO conflict loading

On/Off jQuery No conflict l

Upload Path

The files location for your images.

Allow Extensions

Allow Images type upload.

Max File Size (MB)

The maximum file size (in MB)

Config backend base information

In any single view, you can perform all kinds of tasks to configure album (or in other words, you can do multiple task in any single view without having to turn back or refreshing page), such as add new album/image, delete album/image, add menu item, re-order album/image, edit album/image...

Config Album

Albums are subjects that items will be added to it. List album will be showed in the left sidebar.

Main View

Click List Album Button to show Main View

AlbumsManager.JPG
Albums Manager


New Album

Click Add button (cross icon) on the right side of List Album button to create a new album

JUX Gallery Add Album.jpg

Edit Album

Click Config button on the right side of Album button to edit an album

JUX Gallery EditAlbum.jpg

Change Order Album

You can drag and drop Album button to change order

JUX Gallery Changer Order Album.jpg

Delete Album

Drag Album to Recycle Bin

JUX Gallery Delete Album.jpg

Configure Items

List Items view

JUX Gallery ListItems.jpg

Upload Items

There are 2 ways to upload items for each album:

  • Method 1: Use add image button then select files to upload
JUX GalleryUpload Items1.png
JUX Gallery Upload Items2.jpg
  • Method 2: Drag and drop any image in your folder to view items
JUX GalleryDragtoUpload Items.jpg

Edit Items

  • Edit title, link and description
JUX GalleryEditItem.png
JUX GalleryEditItem2.jpg
  • Change image's order

Drag and drop image to change image's order

JUX Gallery Changer Order Album.jpg
  • Change album

Drag image to Album what you want

JUX GalleryChangeAlbum.jpg


Delete Items

  • Delete Item
JUX GalleryEditItem.png
  • Delete All Items
JUX GalleryDelAllItems.png

Configure frontend view

Manage menu

JUX Gallery Menu Manage.jpg
JUX Gallery Config menu.png


Manage Module

Besides the usual method to create menu, with JUX Gallery, you can create menu items right in view of the component as below:

JUS Gallery Add Module.png JUS Gallery Config Module.png

Click here to show option’s define

Option define

Album

Multi Album

JUX Gallery Style

Style of Album (Box or Button)

Ordering

Ordering

Row Height

Height of each row. Default is 200px

Margins

Margins of each row. Default is 5px

Captions

Show/hide Captions Images

Justify Last Row

Justify last row. Detail

Fixed Height

On/off fixed height. Only show when Justify Last row is enable

Inside Article

  • Step1: enable plugin Content – Jux Gallery
JUS Gallery Enable Plugin.png
  • Step2: Via list view JUX Gallery component
JUS Gallery PopupSelectAlbum.png
  • Step3: selection displays album
JUX Gallery Select Albums1.jpg


JUX Gallery Select Albums2.jpg

Click on albums that you want them to display in article, or click again to cancel selecting, the system will automatically generate syntax for you.

  • Step4: Copy syntax and paste to article
JUX Gallery CopySyntax.png
JUX Gallery Add Syntax.jpg
Retrieved from "?title=JUX_Gallery&oldid=981"
Personal tools
Namespaces

Variants
Actions
Navigation
JoomlaUX
Toolbox