gallery documentation

FW Gallery v4.10.0 release - new description position

This release introduces a new feature allowing to display gallery description next to the gallery. Earlier, the description could be placed above the gallery only. Additionally, you can now assign geotags to a gallery and display this gallery on a map using galleries filter. We have also done several significant improvements and bug fixes. Let’s review all changes below:

New:

  • Gallery description next to the gallery. This feature allows to display description at the right of the gallery. As a result, the gallery and description are placed at eye-level allowing for better readability when long descriptions are added to the galleries. 

  • Tags display on the gallery view. Earlier tags assigned to the gallery didn’t display on the gallery page. Now the tags assigned to the gallery are displayed underneath the gallery title.

  • Search by ID. To simplify files management via the admin panel, we have added the ability to search for files by ID. 

  • Search by tag. We have added a search by tag filter to the files management section so you could search for files by tags via the admin panel.   

  • Custom CSS style section. We have added CSS style section in admin panel so the users could edit CSS styles of the component directly via Joomla admin panel.

  • Gallery display in a map module. We have added galleries filter to the map module settings. With this filter, you can choose the galleries you want to display on the map.  


Updated:

  • Renamed Default design to Fancy. We have renamed Default design to Fancy to avoid confusion with the default option allowing to set priority between menu item settings and global settings
.
  • Geotag for a gallery. Now you can assign a geotag to the gallery. A gallery with a geotag is added to the galleries filter, in the map module settings. As a result, this gallery can be displayed on the map.

  • Default image setting for a front-end manager. Now, the default cover image can be set for a gallery via the front-end manager.


Bug fix:

  • Tags display in menu item settings. Fixed tags display in menu item layout settings. Earlier the tags added for a new gallery didn’t display in menu item layout settings

  • Tags order. Synchronized the order of the tags between the front-end and back-end. 

  • Batch upload via the front-end manager. Batch upload didn’t work for the front-end manager.

  • File description. Fixed the file description display in the below position.

  • Video cover upload. It was impossible to upload a video cover for a gallery.

  • Magnifier display. Fixed magnifier display in the lightbox.

Get familiar with FW Gallery documentation to find more information about our product. Please use the comments section at the bottom of each documentation page to comment and suggest improvements that will make the product experience better.
 
 

FW Gallery v4.9.0 release - video cover

In this version, we have improved the product with several new features and a set of updates and bug fixes. Video gallery cover has become one of the most prominent features of this release. Let’s review its benefits and all other changes below:

  • Gallery video cover with preview.  Earlier you could use only images as preview covers for your galleries, now you can also use videos as preview covers. The video is automatically played on hovering. Video preview cover allows to animate your galleries enabling your customers to quickly scan through the gallery content. This feature is particularly helpful for businesses using catalogs and portfolios to showcase their products and services.

Documentation reference: Galleries.

  • Beauty design. A new Beauty design with new fonts and green/spa colors is a sound solution for beauty industry websites. Now you have more options for styling your galleries.
  • Option defining the length of gallery/image preview description. Now you can set the length of the gallery/image preview description. This feature allows to save screen space and improve web page usability. It is particularly helpful when a gallery/image description is too long.

Documentation reference: Displaying settings.

  • Lightbox for all designs. Lightbox allows to view images on the same page without leaving it. Thus, the user receives information faster and doesn’t have to take extra actions. Now Lightbox is available for all designs - Palaroids, Pinterest, Classis, Default, and Masonry.
  • New full image preview lightbox script. The previous lightbox script cropped images and had glitches on responsive views. We have replaced the script to ensure better visual presentation and good user experience.
  • Removed formatting from gallery preview description.In order to improve the readability of the gallery preview image, we have removed formatting from gallery preview description. Now the description on the gallery preview image is displayed as plain text.
  • Default gallery cover parameter. We have added this parameter to make it possible for you to choose a gallery cover from the images that are already present within the gallery. Thus, you don’t need to upload it manually every time you need to set a gallery cover.

Documentation reference: Galleries.

  • Slideshow/latest module display via file/gallery description.We have added the ability to insert a slideshow or latest module into the image description. This feature is particularly helpful if you need to provide additional information to the image/gallery.  
  • Download button for a menu item. This feature allows for more flexibility. For example, if you use FW Gallery not as a photo gallery, but as a tool to promote your products and services, you might not need a download button on all pages. So now, if you don’t need the download button to be present for all galleries, you can easily disable it where it is needed.
  • Files counter for a menu item.If the number of files is not required to be displayed for a particular menu item, you can disable/enable the parameter on the menu item level.
  • Safari optimization. We have optimized the component for Safari to ensure smooth Safari experience.
  • Watermark display. We have resolved the problem with watermark text display over the images.
  • Comments display.It was impossible to disable comments via menu item settings. Now you can work with comments on both levels -  menu item and default gallery configuration.
  • Latest module optimization for a lightbox. We have fixed the problem with Latest module layouts display within the lightbox. Now all layouts work fine with lightbox.
  • Links display in gallery preview description.We have resolved the issue with incorrect links display within the gallery preview description.
  • Show backlink option for default gallery settings. It was impossible to set show backlink option via default gallery settings. Now it is available in default gallery settings.
  • Bellow gallery description display.We have fixed the problem with the below description option. Now you can place a description underneath the gallery.
  • Gallery preview display in Masonry. We have aligned the gallery preview image for Masonry format.
  • Files ordering.We have added files ordering buttons in the files section.
  • Language files update. We have updated language files to fix some missing translations.  

Get familiar with FW Gallery documentation to find more information about our product. Please use the comments section at the bottom of each documentation page to comment and suggest improvements that will make the product experience better.

FW Gallery v5.0.0 - platform with add-ons

This release introduces a wholly new concept for FW Gallery architecture. A change in FW Gallery architecture triggered a butch of new features and updates. Let’s have a look at all changes below:

New:

  • One component instead of two. Now there is no separate Light and Grand versions. We merged Light and Grand versions into a single FW Gallery component available in two packages - basic package (former Light) and basic package with add-ons (former Grand). Add-on is a separate tool extending FW Gallery functionality. Each add-on has its own functionalities, configuration specifics, icon, and banner. 
  • Add-ons section. All add-ons can be managed via Add-ons section. You can add, remove, filter the add-ons by types such as design, plugin, module, component, and data type. 
  • Front-end manager add-on. If you want to enable galleries management directly via the front-end,  you can use FW Gallery Front-end Manager add-on of the component type. Front-end manager should be configured separately by assigning FW Gallery Front-end Manager layout to a menu item. 
  • FW Gallery Carousel add-on. A new add-on of the module type adds a carousel slider on your gallery page. The module is perfect for showcasing multiple images in a slider with or without scroll buttons. You can choose from two layout positions - vertical and horizontal as well as set various display options such as gallery name, image name, dates, etc.
  • Grid display effects. We added new grid display effects set in gallery settings and applied to gallery listing view. You have a choice of 4 grids - Standard, Waterfall, Justified, and Custom. Each grid will help you create a visually attractive gallery listing.
  • File details display effects. We added 7 stylish file details display effects adding a creative touch to your photos. 
  • On hover effect. Added beautiful on hover effects for images previews. Choose between Ken Burns and Linear effects to add a playful touch to your images
  • Meta Data section for a file/gallery. We added a new Meta Data section to file/gallery settings allowing to specify meta keywords and meta description for better search engine optimization. 
  • Tag alias parameter for a new tag. Specify a URL-friendly name for a new tag within Tags management section to replace unnecessary elements in the URL string like IDs, slashes, colons, etc. 

Updates:

  • Facebook Import add-on. Facebook Import is available as a separate add-on of the plugin type and can be installed/removed via Add-ons section. Once installed, link to your Facebook account in order to start importing.
  • Google import add-on. Google import add-on of the plugin type enables importing Google albums to your gallery website. Once installed, you should link to your Google account in order to start importing.
  • Documentation reference: Google images import tutorial (https://fastw3b.com/documentation/fw-gallery/23-google-import-plugin)
  • FW Gallery File Meta Data add-on. A data type add-on allows importing all file meta data such as tags, locations, titles, watermarks, descriptions, etc. along with a file. Once installed all meta data coming along with a file get automatically imported upon upload to your gallery website.
  • FW Gallery Social plugin. Social add-on of the plugin type adds attractive social sharing buttons to your gallery files. Once enabled, you can easily share your galleries on Facebook, Twitter, Google+, Tumblr, Pinterest.
  • FW Gallery Video add-on. Video add-on of the plugin type allows displaying Vimeo/Youtube/MP4 videos on your gallery website. Once enabled, you will be able to create video and mixed content galleries. 
  • FW Gallery Search plugin. Search add-on of the plugin type extends the standard Joomla search by displaying images in the search results.
  • FW Gallery Tag add-on. We created Tag add-on of the plugin type adding Tags management section to your website. Add, edit, and remove tags using this section. All tags assigned to a gallery or file hit the tags list where a usage frequency can be monitored. 
  • FW Gallery Vote add-on. Enable simple voting for public and authorized users with Vote add-on of the plugin type. The plugin adds cool-looking voting buttons on your gallery website.
  • FW Gallery add-on. Gallery add-on of the module type adds images and galleries anywhere on your gallery website - in top/bottom content position, gallery/file description, etc.
  • FW Gallery Map add-on. Map add-on of the module type adds a map with galleries or images on your website. Just enter Google Map key, set map height, and assign a required position to the module. 
  • FW Gallery Slideshow add-on. Slideshow add-on of the module type allows auto playing galleries in an eye-catching slideshow module. Display recently-added or random images, enable/disable thumbnails, choose slideshow effects, set a custom slideshow size.
  • FW Gallery Latest add-on. Latest add-on of the module type allows displaying some latest or random images in the module.
  • We separated designs from the core system. Now each design is a software add-on working independently from the main component and other add-ons. 
  • FW Gallery Bootstrap add-on. Bootstrap add-on of the design type adds a distinct look to your gallery. 
  • FW Gallery Classic add-on. Classic add-on of the design type adds an elegant and bold look to your gallery. 
  • FW Gallery Fancy add-on. Fancy add-on of the design type gives your website a unique look and feel.
  • FW Gallery Pinterest add-on. Create stylish and responsive images grids in Pinterest style with  Pinterest add-on of the design type. 
  • FW Gallery Polaroid add-on. Present your gallery with awesome Polaroid add-on of the design type. 
  • FW Gallery Beauty add-on. Give your beauty website a bold style with Beauty add-on of the design type.  
  • Moved gallery layout settings to gallery level. Now gallery layout settings are configured at the gallery level, not menu item level. This feature adds flexibility to gallery configuration. Now each gallery can be configured differently even though being assigned to one and the same menu item. 
  • Parent gallery settings priority. All settings of the parent gallery get automatically applied to a child gallery. At the same time, child gallery settings can be manually changed if it is needed.
  • Configuration section update. Re-arranged global gallery settings into General, Galleries, Items, and Add-ons tabs for better usability and navigation. 
  • Custom image sizes. Updated Image sizes section. Now you can set custom sizes for different images formats - cover, listing image, lightbox, and single file format. 

Get familiar with FW Gallery documentation to find more information about our product. Please use the comments section at the bottom of each documentation page to comment and suggest improvements that will make the product experience better.

FW Gallery: portfolio of the interior studio

In this article, we will review a professional and good-looking showcase of the portfolio website created with FW Gallery. The showcase is dedicated to the portfolio of the interior studio. A portfolio website is an essential tool for developing your business and building your professional brand. You can use this showcase to create your own portfolio website involving the presentation of products or services with media content.

Reading Time: 10 mins. 
Implementation Time : 60 mins.

However, before proceeding with creating the interior studio showcase, you need to prepare media content and install FW Gallery to your Joomla platform. To learn how to get started with FW Gallery, review Getting started documentation page. If you have media content and FW Gallery in place, it takes around one hour to build a similar website. The overall process for creating such a website looks as follows:
  • Prepare media content - photos grouped by services.

  • Install FW Gallery to present your services with a clean design.

  • Create required galleries to show service categories and different types of services inside them.

  • Display all images to show services with their images and descriptions.

  • Display a map using FW Gallery Map module.

FW Gallery is a great tool for creating a powerful and effective portfolio website with a strong visual presentation of your business. Based on the showcase we will highlight the following FW Gallery features - gallery with right description position, gallery geotags, map module functionality, lightbox effect, etc.
 
Check out our Portfolio Interior Studio guide for more details on configuring Interior Studio showcase. Let’s, review the showcase in the sections below.

Top-level gallery

If your business offers different services directions, you need to create an upper-level gallery with subgalleries page. We created Interior Studio page to show different services directions provided by the interior studio. This page is implemented via the galleries view. Each gallery presents a specific service direction - residential, commercial, and resort and spa. However, if you’re specialized in the specific service direction, you can skip this step. 
 
 
The page includes the following elements:
 
• Title of the parent gallery. The title of the interior studio. You can use it to specify the title of your company.

• Suballeries titles. Titles of services directions offered by the interior studio. You can use it to specify different services directions your business offers to your customers. 

• Gallery preview image. A preview image of the service direction. You can set a preview image or video to showcase your services directions. 


Projects by location section

If you offer your services globally not locally,  you can use a map module to show the geography of your services. A projects by location section shows geography of services offered by the interior studio. Just assign a geotag to the file/gallery and set module settings to display your projects by location. In our showcase, we assigned geotags to the galleries we created for the services provided at different locations. 
 
 

Page with projects

On this page, you can see different projects implemented by the interior studio. This is a lower level gallery with subgalleries showing all projects on a single page - one gallery for each specific project. 
 
 
The page includes the following elements:
 
1. Gallery title. The title of services direction provided by the interior studio. Specify your services detection using this element.

2. Subgallery title. The title of the project implemented by the interior studio. You can use this element to specify either your project or service type.

3. Preview image. The preview image of the project. You can set the image of video as a preview for the gallery representing your project or service type. 


Project page

This project page is an eye-catching mix of text and images. It is realized via the gallery view. It depends of your business idea whether or not to use long descriptions. In our showcase, we used long descriptions which are a common case for interior studios. If long descriptions are used, placing them next to the galleries looks cool and allows for better readability. 
 
The page includes the following elements:
 
1. Gallery title. Specify a project title using this element. You can also use it to specify a service type.

2. Gallery section. Multiple photos of the project. You can upload images and/or videos to showcase your project/service.

3. Gallery description. A description of the project. You can place a description either at the right side of the gallery or above the gallery. 

 

Project presentation with lightbox

In our showcase, we used a lightbox to display large images. The lightbox features a slider showing all images within the gallery. Clicking on the image within the slider allows a visitor to view the image in a larger size. The lightbox allows to take fewer actions to view the gallery without creating new tabs and waiting for a new page to load. 
 
 
Creating a simple and effective portfolio website with FW Gallery is not difficult at all. If you like the concept of the website, you can create a similar one with your own hands. We have clearly outlined all steps required for creating such a website in our Portfolio Studio guide. Should you have any problems while configuring the website, feel free to ask questions in the comments section at the bottom of the documentation page.
 

Importing Instagram content to Joomla website with FW Gallery 

Instagram is a powerful source of content for a media Joomla gallery website. Now, thanks to FW Gallery Instagram Plugin getting the content into your Joomla website has never been easier. Whether you want to increase your traffic, grow your business online presence, save a ton of time on preparing the content or simply keep a safe backup of your Instagram images and posts, Instagram import will get the job done.

Why importing from Instagram to your Joomla website?

Instagram import gives users the ability to upload their Instagram photos to their gallery website. Now, you can have a copy of your Instagram gallery alongside with other galleries on your website. Let’s consider some of the most common use cases of Instagram - Joomla website import:

  1. Business portfolio. Many businesses having Joomla websites use Instagram as a platform for showcasing their works and services - interior studios, architecture companies, beauty salons, etc. Being able to directly import images from Instagram account can help to get more clients on board and, consequently, increase the incoming traffic.

  2. Artists and photographers. Assuming you have a good follower base on Instagram if so, importing from Instagram can have a positive and long-lasting effect on your portfolio.

  3. Travel bloggers. If you run a travel blog website and like sharing your adventures on the go, why not importing them directly from your Instagram. It will save you a bunch of time.


Importing images from Instagram 

FW Gallery Instagram Import makes it easy to display images from your Instagram account on your Joomla website. It is a reliable Instagram images import tool with many great features like plain installation and integration process, posts importing, ability to stop uploading right in the middle of the process, etc. FW Gallery Instagram Import is the add-on installed on top of FW Gallery. So before getting started with FW Gallery Instagram Plugin you need to have FW Gallery component installed on your Joomla website. Having installed FW Gallery component and FW Gallery Instagram Plugin, you only need to link your Joomla website to your Instagram account.

Documentation reference: Getting started with FW Gallery tutorial.

Once the integration process is completed, choose the gallery you would like to display on your website and click the import button. All images from your Instagram account will get automatically uploaded. You can stop importing right in the middle of the process clicking the stop button. The import operation is not limited just to image importing itself. All data coming along with images get automatically imported to your gallery website as well. The objective of the import process is not only backing up the images but also your posts with hashtags and dates.

After the import operation is completed, Instagram gallery then can be customized like any other gallery and inserted into your posts and pages or displayed in the attractive FW Gallery Slideshow or Carousel Module. Configure the gallery to your taste - set a gallery grid, design, pagination, sizing, number of images to be displayed on a single page, and many more. 

With FW Gallery Instagram Import you get lots of benefits. Easily synchronize your Instagram content with your Joomla website content, grow your brand, save your time, backup your Instagram images and posts, increase your traffic, present your Instagram images in different ways.

Get familiar with FW Gallery Instagram Import tutorial to find more information about our product. Please use the comments section at the bottom of each documentation page to comment and suggest improvements that will make the product experience better.

    © 2007 - 2022 Fastw3b LLC

Joomla! name is used under a limited license from Open Source Matters in the United States and other countries. Fastw3b LLC is not affiliated with or endorsed by Open Source Matters or the Joomla! project.

English French German Italian Portuguese Russian Spanish