FW Gallery Manual
Photo & video gallery with tags, ratings and front-end management.
Demo Website Product Page

Galleries

GALLERY CONFIGURATION AND SETTINGS

In this tutorial, we will learn how to create and configure a gallery.

We will proceed as follows:

HOW TO CREATE A GALLERY

To create a gallery, follow the steps below:

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

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

  2. Choose FW Gallery=>Galleries from the list

  1. Locate Galleries tab.

  2. Click New button.

Let’s configure a gallery using gallery settings specified above.

  1. Locate Published label and select Yes from the list.

  2. Locate Gallery Name textbox and enter Parties into it.

  3. Locate Parent Gallery dropdown and select Top.

  1. Set an image/video cover for your gallery.

If you need to set a cover image, you can upload it. To upload the cover image, do the following:

  • Locate Cover image field and upload the image you want to put on the cover of your gallery.
  • Locate Cover video and set it as None

If you need to set cover video, follow the steps below:

  • Locate Cover video field:
  • Choose Self-hosted to upload mp4 video file from your PC.

or

  • Choose Youtube/Vimeo as a video source and enter video ID into the corresponding field.

  1. Locate Owner label and select John Smith.

  2. Locate Access label and select Guests from the list.

  1. Locate Gallery is Public field and click Yes. Thus, you allow front-end upload indicating that a gallery being created can be edited via the front-end manager.

  2. Locate Description label and enter your gallery description into the editor area.

  3. Switch to Design tab

Now, lets configure a gallery. You can set it to Default or apply individual gallery settings. If it is set to default, global gallery configuration gets applied.

  1. Locate Gallery Layout section and set it as shown on the screenshot below. This section contains settings associated with galleries/sub galleries layout. Review Gallery settings tutorial to learn about each setting in details.

  1. Locate Gallery Listing Design and set it as shown on the screenshot below. This section contains settings associated with galleries listing display, its elements and design. Review Gallery settings tutorial to learn about each setting in details.

  1. Locate Files Listing Design section and set it as shown on the screenshot below. This section contains settings associated with files listing display, its elements and design. Review Gallery settings tutorial to learn about each setting in details.

  1. Locate Single File Design section and set it as shown on the screenshot below. This section contains settings associated with single file display, its elements and design. Review Gallery settings tutorial to learn about each setting in details.

  1. Click Save button. Go to the front-end to verify the result.

Galleries view

Gallery view

Single file view

Ask a Question

Was this article helpful for you?