Creating a Photo Gallery on a Page

Why you would use a Photo Gallery curly bracket?

If a user wants to showcase their business's end-product or services through pictures and images. A Photo Gallery module which is a built-in feature for WebEd 9 CMS lets the user display a set of images on a page that is stored in a single folder. This gallery can be updated by the user by going to the File Manage module. The Photo Gallery has a lightbox effect with arrows to view and scroll the group of images from left to right.

Creating a Photo Gallery folder of your images

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    Choose the page you want to create the gallery on
  • 3
    Open the edit window by selecting the edit icon on the right-hand side
  • 4
    Open the image icon & go to the server browser/file manager
  • 5

    Create a new folder under Images Galleries & upload your images

    Remember to always upload your images in low res - 72dpi
    Photo gallery
  • 6
    Once you have created your photo Gallery file & uploaded your images, you can put your gallery on your webpage

Inserting a Photo Gallery on a page

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    Load the page editor
  • 3
    Position the cursor where you want to place the gallery and click the curly bracket icon
    Photo gallery
    Photo gallery
  • 4
    When the window opens, click Configure
    Photo gallery
  • 5
    The available curly bracket features are shown
  • 6
    Search the "Photo" keyword and then select the Photo Gallery curly bracket
    Photo gallery
  • 7
    Open the Photo Gallery configuration form
  • 8
    Click on the folder icon to open the media browser
    Photo gallery
  • 9
    Click the folder you want to use for the photo gallery on the Configure "PhotoGallery" Curly Bracket form
    Photo gallery
  • 10
    Click Select Button
  • 11
    The folder selected will populate into the path
  • 12
    Select the template name to use for the gallery (Default.Photogallery by default)
    Photo gallery
  • 13
    Click Insert - this is what you should see (or something like it)
    Photo gallery
  • 14
    Click OK to insert into the page
    Photo gallery
  • 15
    Click 'Update' and Close to save the page
  • 16
    The photo gallery will be displayed as a series of images and scrollers
    Photo gallery
  • 17
    Click on the image item to test
    Photo gallery
f