Features guide

FW Gallery tutorial for Joomla!

FW Gallery features overview

FW Gallery is a simple solution for creating an exciting image/video gallery website powered by Joomla. Featuring a bundle of in-house options, the component provides an intuitive user experience. Let’s review the component’s features in the following order:

5 gallery designs

FW Gallery offers 5 responsive and customizable gallery designs - Default, Masonry, Pinterest, Polaroids, and Classic. Each gallery having its own layout can have a different design allowing for more layout configuration via grid, pagination, and various display options to give it a unique feel and look. You can set gallery design in global gallery configuration or in individual menu item layout settings.

To learn how to set a gallery design in global gallery configuration, review Displaying settings tutorial. To learn how to set a gallery design on the level of the individual menu item, review tutorials included in the Views section of our documentation.

Front-end manager

FW Gallery front-end manager enables your Joomla website users to create galleries, upload images/videos and manage them directly via the front-end with no need to access the admin panel. The front-end manager features almost the same functionality as its admin version. As the administrator, you can limit the access to the front-end manager on the level of the individual gallery settings.

To learn how to display and manage galleries and files via the front-end manager, review Front-end manager tutorial. To learn how to manage galleries and files via the admin panel, review Galleries section of our documentation.

Responsive gallery

Whether you work in photography, journalism or creative designs, your photos tell a unique story and deserve to be optimized for a good mobile viewing experience. FW Gallery features responsive and mobile friendly layouts that work for any device.

Tag gallery

Tag gallery is a powerful feature of FW Gallery that many users overlook. You can add tags to any image/video on the individual level or via the dedicated Tags section. You can also create a gallery based on tags. When you specify tags within a gallery, any image or video having the specified tag is pulled into a new gallery. To learn more about tags management with FW Gallery, review step 13 of How to create a gallery tutorial.

The overall process for creating a tags gallery is as follows:

  1. Locate Galleries section.

  2. Click New button to add a new gallery.

  3. Fill in all necessary fields for a new gallery.

  4. Locate Tags field and enter the tag(s) you need.

  5. Save your configuration.

  6. Check how the newly created gallery is displayed.

Photo and video items

FW Gallery works with various media formats. Upload JPG, PNG, GIF and other web formats for images. Upload Youtube, Vimeo, MP4 videos for your video gallery. The overall configuration process is as follows:

  1. Locate Files section in your admin panel or front-end manager view.

  2. Click New Image or New Video button.

  3. Fill in all necessary fields for a new image/video and upload the file.

New image settings

New video settings

Files batch upload

Now you no longer need to upload images one by one. FW Gallery enables you to bulk upload multiple images at a time.

  1. Locate Files section section in your admin panel or front-end manager.

  2. Switch to the Batch upload tab.

  3. Select a target gallery.

  4. Upload the files.

EXIF data import

Metadata includes all the information about the file such as titles, watermarks, location, descriptions, tag, etc. All your metadata that comes with your media files gets imported along with the files to your gallery website. Thus, this feature facilitates useful operations like setting date/time, tags, location, description, and more.

Images auto-resize on upload

You can restrict images size for your gallery website in the basic configuration. As a result, the new images get automatically resized to the specified size. To learn how to configure images auto-resize on upload via basic configuration, review Image sizes tutorial. The overall configuration process looks as follows:

  1. Locate basic configuration settings.

  2. Locate Images and Thumbnails sizes section.

  3. Mouse over Define custom size field and set the required image dimensions.

  4. Click Save.

As a result, all new images will automatically fit in the parameters you have set.

Lightbox preview

If you’ve ever clicked on an image and had it zoom out and the background fade away, that’s a lightbox. With FW Gallery you can choose whether you want to turn on/turn off the lightbox effect.

  1. Locate basic configuration settings.

  2. Locate Displaying settings section and set Hide mignifier (lightbox effect) option to No.

  3. Click Save.

Language management

Need to translate your Joomla gallery website into another language? FW Gallery is a great solution that lets you translate your website into any language and reach a new audience. FW Gallery already comes with 12 ready-to-use translations for your front-end and back-end interface. The overall process for managing your website translation is as follows:

  1. Locate translations manager.

  2. Locate language dropdown and choose the language you need.

  1. Manage the translation. To learn how to manage the translation via FW Gallery translations manager, review Translations tutorial.

Vote system

Want to set up voting for your gallery? FW Gallery comes with a built-in voting system allowing you to get feedback from authorized and not authorized users. The overall configuration process is as follows:

  1. Locate global gallery settings.

  2. Find Voting system section.

  3. Choose a voting type. You have a choice of Hearts, Thumbs, and Stars.

  4. Configure the rest of the voting settings.

  5. Go to the front-end to check the display.

Tags management and statistics

All tags you have ever used for your media files are collected and displayed in your FW Gallery tags management section. Here you can search, edit, and delete your tags as well as monitor their use in the Items column. To learn more about tags management with FW Gallery, review step 13 of How to create a gallery tutorial.

Disqus comment system

Allow your users to comment on your images/videos by adding a commenting section to the single item view. FW Gallery is already pre-installed with Disqus comment system. For that reason, you don’t need to resolve any integration issues. To enable comments for your gallery, do the following.

  1. Register your website on Disqus platform in order to receive Disqus short name. To learn more details on how to add comments to your gallery website, review Commenting system tutorial.

  2. Go to the global gallery configuration.

  3. Find Commenting system section and enter the short name into the corresponding field.

  4. Don’t forget to Save your configuration.