Ozio Gallery

Photo gallery designed for Joomla 3 & 4, which allows you to view the images published on Google Photos or Flickr.com (only with skin Nano) and VIDEO from YouTube (only skin lightGallery). The skin 'Nano' and the new skin 'jGallery' and the new skin 'lightGallery', made using jQuery, suit perfectly to the new responsive templates, which adapt automatically to the resolutions of the devices that display the site (smartphones, tablets, etc ...).

Buy now Ozio Gallery for Joomla 3 & 4. For 26 Euro (about 29 USD) excluding VAT you'll get:

• Full featured version, suitable for commercial purposes
• 12 months upgrades included
• Subscription renewal every 12 months at a cost of only 18 Euro (excluding VAT) with possibility to terminate the subscription at any time (more info)
• Technical support in English and Italian languages via e-mail at This email address is being protected from spambots. You need JavaScript enabled to view it., reserved only to users with not expired subscription. To identify yourself as a customer, plese use the same email address you used for the payment, otherwise your request may be discarded.
• Unlimited domains / installations allowed.

Please make sure you are happy with what it does and how it works before you decide to purchase it. Feel free to download and test the Ozio Gallery free version.

Version comparing	Free version	Commercial version
Shows photo galleries published on Google Photos
Shows photo galleries published on Flickr.com (skin Nano) Max 1000 Photos for album
Shows VIDEO galleries published on YouTube (only skin lightGallery)
Unlimited number of images	Max 30
Album list page index
Add photos from multiple users
Removal the signature or banner 'Ozio Gallery made...'
Technical support
	Download for Joomla! 4	Purchase for Joomla! 4
	Download for Joomla! 3	Purchase for Joomla! 3

INSTRUCTIONS

WARNING: These instructions refer to the new version of Ozio Gallery 5.0.0 and later.

The extension installation of Ozio Gallery comprises a component and plugins. These are loaded and activated automatically during the installation.
Ozio Gallery now consists in some skin called "Nano" and "jGallery" and "lightGallery". The skin Nano and the skin jGallery and the skin lightGallery is made in Java Script and are is also ready for viewing by mobile devices.
To use the skins "Nano" and "jGallery" and "lightGallery" is necessary to upload your images to an album in Google Photos from a personal profile. This Google service is free. And it's possible to create unlimited albums with unlimited images. Each new Gmail account is a new account for Google Photos.
The Skin Nano also support the free service Flickr.com which allows a much faster display and upload of images with the negligible limit of 1000 photos per album.
There is no need to resize the images before uploading to Google Photos or Flickr.com, so it's highly recommended to load the images at their original size without losing time to resize them. Ozio Gallery will find the image and automatically correct the size based on the available space of the gallery on your site.

INSTRUCTIONS FOR FLICKR.COM

After loading the full resolution images in Flickr.com you can integrate these on the Joomla site. It is necessary to know your Flickr User ID, to know it, simply visit your profile page and read the final part of the URL in the browser address bar. For example this is my profile page on Flickr: www.flickr.com/photos/45173210@N06/ so my User ID is: 45173210@N06.
It is also necessary to generate your own Flickr API Keys from this page: https://www.flickr.com/services/api/misc.api_keys.html pressing on the link: "Apply for your key online now". Complete the following form and take note of your Flickr API Keys.
Create a new menu item with the Ozio Gallery component and the Nano skin. In the first parameter of the options of the menu item must be indicated as "Storage type": Flickr, in the second parameter insert your Flickr API Key, after your Flickr User ID and decide whether to select some albums from the list or leave the list blank to view all the albums that are created.
Each Flickr account can contain Max to 1000 images, you can associate each Joomla menu item with each of your Flickr accounts.

INSTRUCTIONS FOR GOOGLE FOTO

After loading the full resolution images in Google Photos you can integrate these on the Joomla site. In the component page you need to enter your "Google APIs" credentials. You can create for free your credentials from the Google API console. Create a new project, giving any name. In the list of Libraries, look for the Photos Library API simply by typing photo in the search field.
Access the management of this library and enable it by pressing the corresponding button.

In Credentials, in the "OAuth consent screen" Select "External" in User Type and press "Create". Insert the "Application name" giving any name, insert the Gmail address and press "Save" in all the pages. Important press on "Publish APP" and confirm it.
In "Credentials" create a new Credential. Select "ID client OAuth" and select "Web application". In the "Authorized JavaScript origins" field, enter yours site URL where you use the Ozio Gallery (add the site name with www. and without www.). Then press the "Save" button at the bottom.
You can use it only on sites that you authorize in this list. The "Authorized redirect URI" field does not require a value. Redirect URIs are not used with JavaScript APIs. Save and Create credentials. Copy to the Ozio Gallery configuration values "ID client" e "Client secret". By saving these values in Ozio Gallery you'll see the line with this information saved. You must now authorize the Google account owner of the Google Photos account you want to use. (It can be also be a different Google user from that which generated the Google APIs credentials). Then press the green button with the white little man and sign in with the Google user owner of the album in the Google Photos and authorizes the connection.
A new window opens where you need to press the "Start Authentication" blue button, in the new window you need to log in with the Google user (Gmail users only) who manages albums on Google Photos.
After selected the user you can see the message "This app has not been verified," you can ignore this message by pressing on the word "Advanced" and still pressing down "Go to ...."

On the next screen, press the "Allow" button to activate the credentials.

Create a new menu item with the component Ozio Gallery and the skin Nano or skin jGallery or skin lightGallery. In the first parameter in the Options of the menu item should specify the ID code of the Google Photos profile where the album is. You can find this number of 21 digits by the wizard accessible from the button to the right of this parameter. Select from the list the desired album and configuring the other parameters and save the menu item.

WARNING: Ozio Gallery do not support album form Google Plus, do not support Google Suite or Google Business account. Please use only by Google Photos from a Gmail account. Ozio Gallery do not support the video in Google Photos and do not support the 360° Photos..

WARNING: If in the list you don't see the new albums remember to delete your browser cache or try with different browser (Crome, firefox).

WARNING: Don't use more than 100 characters (spaces included) in the titles of the albums on Google.

So after connecting your public albums to the menu item of Ozio Gallery, you can continue to upload new images from either inside Google Photos. To quickly upload your new photos from your tablet or smartphone we suggest you to use the appropriate Google Photo APP.

Using the plugin to enter the galleries in content or form

Modifying or creating a new article appears below the Joomla editor the button "Ozio Gallery." Place your cursor in the position where you want the content displays the gallery, then press "Ozio Gallery" and select the gallery you want. Content appears in a code like this:  that indicates the ID of the gallery displayed.
Warning: show only one gallery for each page.

You can enter the code of the plugin also in custom modules of Joomla, but remember to activate the "Prepare Content" option in the Basic Options params of the module. The pluing of Ozio Gallery is installed and activated automatically by installing the extension.

If you do not want to have visible menu items of the galleries that you have included in the content or modules or list you need to move these menu items to a new menu. Create a new menu which we will call such 'hidden' here we can move or create our menu items of Ozio Gallery that we want to insert in content or form or list. This menu should remain published and also the menu items should remain published. The module of this menu may not be published so as not to appear on the site giving you the possibility to use also the galleries created in the hidden menu.

Create multiple image galleries on the same site

With Ozio Gallery you can create multiple image galleries on the same site, each new menu item you create can be connected to a different album of Google.
There is also a type of menu item that displays the list of all the galleries created with the skin Nano and jGallery and lightGallery. An index with the image preview of each album, the title and other informations such as number of photos taken. Within the parameters of this menu item "Album List", you can specify which albums to show and set the thumbnail size.

For best results we recommend you create the menu item "Album List" as main menu item and the menu items of galleries as sub-menu of the list.

 

DEMO STYLE DEFAULT.

DEMO STYLE HOVER EFFECT.

Add photos from multiple users

It is currently possible with your Google user to create new albums on Google Photos, activate that user in the Ozio Gallery panel to show the related albums. If these albums are shared and the ability to give other users the privilege to upload photos is activated on Google Photos, the images uploaded by others Google users in these albums will also be visible in the Ozio Gallery, without the need to activate these other users in the Ozio Gallery panel.

Album title and photo description

On menu item parameters enable  "Show album name", this will display in the top bar of the album the name of the album present in Google Photos. To change this name you need to act on the page of Google Photos, go to the list of albums and save a new title for the album you are displaying in that menu item. After a few minutes in the gallery on the site will appear the new title.
For each image in the album of Google Photos may be associated a description that will appear in the gallery on the site. To enter a description is necessary to go to the album page on Google Photos, view the photo and on the top right click on "Add Caption", after a few minutes it will appear in the bottom bar on the gallery on the site.

 

All your images are cloud hosted and automatically scaled using hi-quality settings.

Exemple of image automatically resized

Device - Resolution - Image data
iPhone 320x480 225px × 150px 14kb
Nokia 360x640 265px × 177px 19kb
iPad 768x1024 673px × 448px 98kb
PC any 962px × 641px 170kb

Ozio Gallery automatically adjust the width and height of your images to create a justified image gallery on your web site.

Not only mouse...

You can browse the images in the gallery created with the Nano and jGallery and lightGallery skin also by the arrow keys on the keyboard. Or (only for version 4 of Ozio Gallery) with touch devices such as tablet or smartphone the movement of the fingers on the screen to drag to the next or to the previous is supported (swipe).

 

The module with the list of categories

You can create the module with thumbnails of galleries, is very simple. In Joomla administration, from Module Manager create a new Custom HTML module, press "Ozio Gallery" button below the editor and select the menu item list that you created. It will thus be inserted into the module the plugin code of that menu item. It's also important to set YES, the module parameter "Prepare Content" and associate it to the position where we want it to appear. In "Menu assignment" set "On all pages".

 

See the demo galleries in this page

---

Ozio Gallery Documentation

---