Curated Gallery

The curated gallery content source provides an intuitive drag and drop interface for building custom galleries from your images that are both feature and content rich.

One of the key features of the curated gallery is the ability to reference the exif data stored in your images. By clicking an icon in the module admin it is possible to retrieve the data stored in your images and prepopulate the gallery details - all from the click of a button.

 

Examples

As of v2.2.0, the Curated Gallery content source has been enhanced with a range of new elements. The Curated Gallery makes it possible to turn your gallery items into a mini paypal shop, display embedded social content from Facebook, Twitter and Instagram and display video from Youtube or Vimeo.

Adding a paypal button to create a minshop to a Zentools2 module.

If you need a way to organise paypal products that have been created using custom paypal buttons Zentools2 may just suit your needs. See how to create a paypal button here.

Embedding posts from social media in Zentools2 modules

A new addition since v2.2.0 is the ability to added embedded posts in a custom gallery. You can add Facebook, Instagram, Twitter posts as well as embed content from Spotify and Soundcloud. See the example below or check out the details for using the Embedded post element.

Gallery Example with Facebook post embedded

Gallery Example with Twitter post embedded

Gallery with video in lightbox

The following example highlights the ability to display a video in the lightbox instead of the item image. Click on the image to display a video.

/

 

Image library

The image library on the left of the gallery content screen contains thumbnails from images found in the images folder in your Joomla site. To use an image in a gallery drag the image from the library to the gallery's right column.

image library

 

 

Editing item details

Editing an items full details can be done by clicking on the pencil icon that sits underneath each items image. The overview view allows the user to edit the name of the item, however to edit other details for the image it is necessary to open the item to full view.

To view the full details for the item click on the green pencil icon. 

edit item

Once you have finished editing an item, you can close the full view of the item by clicking on the pencil icon again.

 

Remove an item from the gallery

To remove an item from a gallery click on the red cross under the item's image. This action will remove the image from the gallery, but it does not delete the image from your server.

remove item

 

Retrieving exif data from your images

It is possible to retrieve the exif data from your images using the curated gallery content source if your image contains such data.

In the content panel of your module (using the gallery option as the content source) add or edit any of your images in the list and click the refresh icon seen in the screenshot below.

 exif un

Once the icon has been clicked the module immediately retrieves the available data and formats it in a list. There should be a single type:value pair for line. As an example the camera make may consist of the following: make:Canon.

exif pop

Once the data has been retrieved it is possible to edit or add your own exif data, although please be aware that if you click the refresh icon again this will overwrite your existing exif data.

To add exif data to your module go to the layout tool in the options panel and make sure that the exif element has been added to the item layout.

exif in layout

And then that the relevant exif details are enabled under the exif settings. If a specific exif value can not be found for that item and it is enabled in the exif settings then the detail will not be shown in the module layout.

exif options

 

Tagging items

Items can be tagged in the curated gallery by adding a comma separated list of tags for each item. The tags can then be used in layouts such as the filter layout to filter the display of items based on the tags supplied.

tags

It is also possible to use the category option for the filter layout using curated gallery as a content source. The name of the folder the image is in is automatically added to the gallery details as soon as an image is dragged to the gallery list, however this can be easily edited.

 

Example of filter layout using custom tags

  • Show All
  • landscape
  • color
  • presence
  • mountains
  • ocean
  • hues
  • Default
  • Asc
  • Desc
  • Random
  • Hues.
  • Bridge.
  • Mountains.
  • Southside
  • Bamboo.
  • Building.
  • Orange van
  • Violet paddle
  • Post surf surge
  • Plinety ablow
  • Orange van man $

 

Featuring items

Various zentools2 layouts take advantage of items featured state to highlight specific items in the layout. The example at the top of the page highlights the use of featured items in a masonry layout. Featured items are twice the width of non featuired items.

Featuring an item in the curated gallery is as simple as clicking the heart icon in the gallery list in the module administration.

featured

 

 

Change the order of items in the gallery

The gallery items can be re-order by dragging and changing the order of the items in the list. To do this simply hold your mouse button down on the item that you want to move, move it to the position in the list where you want it to be place and then let go of the mouse button.

drag

When an item is moved in the list a yellow placeholder appears to display the position that can be used to publish the image.

 

Layout elements available for the gallery content source

  • title
  • introtext
  • fulltext
  • category
  • author
  • date
  • exif
  • image
  • readmore
  • tags
  • tweet
  • pinit
  • like

New Elements added in v2.2.0

  • Paypal button
  • Embedded Post element for embedding Twitter, Instagram, Facebook, Spotify and Sound Cloud elements.