FW Gallery tutorial for Joomla!

FW Gallery Slideshow module configuration and settings

FW Gallery Slideshow module allows to place a custom slideshow of your gallery on any page of your website in a few clicks. In this tutorial, we will learn how to configure a slideshow on the front-end of your website.

We will proceed as follows:

How to configure a slideshow

First, let’s enable the slideshow module.

  1. Log in to your administrator panel using your credentials.

  2. Locate Extensions dropdown in the top menu of your Joomla control panel and click on it.

  3. Select Modules menu item from the list and click on it.

  1. Locate FW Gallery slideshow module in the list.

  2. Enable FW Gallery slideshow module if it is not enabled. You can enable FW Gallery slideshow module in either of two ways:

  • Click the check button.


  • Check the box.

  • Click Publish/Unpublish button.

Now, let’s configure slideshow module settings.

  1. Locate slideshow module settings to configure the module. You can locate slideshow module settings in either of two ways:
  • Click on FW Gallery slideshow name.


  • Check the box.

  • Click Edit button.

  1. Locate Module tab.

  2. Locate Gallery dropdown and select Wild nature from the list. Thus, all galleries will be displayed as a slideshow.

  1. Locate Qty images textbox and enter 10 into it. Thus, 10 images will be displayed as a slideshow.

  2. Locate Ordering dropdown and select Newst first from the list.

  3. Locate Effect dropdown and select Random.

  4. Locate Slideshow height, px textbox and enter 400 into it. Thus, the size of the slideshow is set.

  5. Locate Show Title section and click Yes. Thus, the title of the slideshow will be displayed.

  6. Mouse over Display Slideshow button and select Yes.

  7. Locate Display Thumbnails field and select Yes.

  8. Go to Display Title field and select Yes.

  9. Locate Display Description field and select Yes.

  10. Locate Display Share field and select Yes.

  11. Locate Position dropdown and select position-2 from the list. Thus, you can set a position where you would like to place the slideshow.

  12. Locate Status dropdown and choose Published from the list. Your screen should look similar to the screenshot below:

  1. Locate Menu Assignment tab.

  2. Locate Module Assignment dropdown and choose On all pages from the list. Thus, the slideshow will be displayed on all pages of your website.

  3. Click Save button. Your screen should look similar to the screenshot below.

Having set all settings for your slideshow, go to the front-end to view the slideshow you have created.