In this tutorial, we will learn how to display single and multiple galleries on the front-end of your website using single gallery layout. We will also learn how to configure single gallery layout. The single gallery layout allows to create a simple and intuitive view of either single or multiple galleries in either of 5 designs - Default, Masonry, Pinterest, Polaroids, and Classic.
We will proceed as follows:
To display single/multiple galleries on the front-end of your website, you need to create a menu item and assign Single Gallery layout to it.
First, let’s create a menu item. To create a menu item, follow the steps below:
Log in to your administrator panel using your credentials.
Locate Menus dropdown in the top menu of your Joomla control panel and click on it.
Choose Main Menu => Add New Menu Item item from the dropdown.
Now, let’s assign Single gallery layout to a menu item we have just created.
Locate Details tab.
Locate Menu Item Type field and click Select.
Locate FW Gallery dropdown.
Choose Single gallery layout from the list.
After you are done, your screen should look similar to the screenshot below.
Locate Options tab.
Mouse over Select Gallery dropdown:
Now, let’s configure Gallery with subgalleries view using single gallery layout settings.
Set all settings in the Options tab as is shown on the screenshots below and click Save button.
Once the settings in the Options tab are changed your menu layout on the front-end changes accordingly. See the changes in the screenshots below.
Gallery with subgalleries
Gallery without subgalleries
This is how the menu item looks if you choose to display a single gallery for a particular menu item.
Single image view