Creating a Photo Gallery - Team Logic Help System

Creating a Photo Gallery


Creating a Photo Gallery via Navigation Tree Interface

A photo gallery is just a special type of web page, the steps to adding one are almost identical

  1. All photo galleries must be tied to a navigation on your site. Click on the "CMS-Logic" tab and then find the "Navigations" section. Pick the navigation you would like the page to appear in and click on the name. Names could be "Main Navigation" or "Header". Generally these navigations are labeled according to where they appear on your site.
  2. Once in the navigation management screen, click the "add page" button located in the top right of the "Add Content" section on the right side of your screen.
     


     
  3. A popup will ask you to name the page and select the type. Select "Photo Gallery" and enter a title for the page. Click "select this mode and continue". More information on different page types is available here.

    Add Photo Gallery


     
  4. You will now be in the edit page interface. The first step is to place the page on your navigation tree. Click on the "Navigation Link" tab. You can uncheck the "Active?" checkbox if you are not ready for the page to be visible on your website. Re-check this box when you are ready for visitors to look at your new page.

    You must also select the "Parent Page". This parent page determines where the page is on the navigation. Let's say your have a main site navigation that has a structure as below.
    • Customers
      • New Customers
      • Existing Customers
    • Staff
      • Staff Login
      • Job Openings
    • Affiliates
      • Become an Affiliate
    • About Us
      • Our Story
      • Contact Us

    Now assume the page you just created is titled "Our Location". We would probably want that page under "About Us". In this case, the "Parent Page" you select from the drop down will be "About Us".

    Click the "Save Button" when you are finished.

    Note: Managing the relationship between the page and the navigation can be accomplished more easily in the navigation management screen we visited in step 2.

      Navigation Screen
  5. The next step is uploading photos. This is available in the "Page Content" tab.
  6. Click the "Upload New Image" button.Upload New Image Button
     
  7. A popup will open. Click "Browse" to select the image from your hard drive. The types of images accepted are jpg, gif, and png. Input the caption of the image. Click "Upload Image" to add the file. (Note: Images will be automatically resized when they are uploaded)
  8. Repeat this process for as many images as needed.
  9. Once you have uploaded your images, you may want to re-sort them. Use the sort order boxes to input the order to display.
     Change sort order
  10. You have just created a photo gallery! Click the "Preview" button in the upper right corner of the edit screen. This will ensure the page looks exactly how you want it. Once you are ready to make the gallery viewable click the "Active" checkbox in the "Navigation Link" tab.