Home → Content & Apps →


    The Photo Albums Module

    With Content & Apps you can easily upload and manage photos for your fans to enjoy – pictures of your latest meet up, photos of your products and people, and crazy images just to get a reaction.

    Content & Apps provides two modules: Photos, and Photo Albums. The Photos modules displays your images directly on your View. For more information, see The Photos Module. The Photo Albums module displays a thumbnail that, when clicked, opens a separate window to view album photos.

    Adding Photo Albums Modules to Views

    All modules are added to a View in the same way with our drag-and-drop interface. To get more information on this, see the Building a View: Adding Modules and Content to Views in Content & Apps help article.

    Once you have added a module and given it a name, the module will open for you to edit it or add content. Back on the View layout, you'll see a callout bubble next to your module - click the triangle for controls for your module. This callout will not appear on your published View and your new module will not appear on your Facebook Tab until you click Publish.

    Adding Albums to Photo Albums Modules

    When you drag-and-drop a Photo Albums module onto a View, it will automatically open to the edit page for that module. To add an album to a module you've already created:

    1. Next to your Photo Albums module you’ll see a callout bubble. Click the green triangle next to the title to show your options.
    2. Click Manage Albums. The album management page will appear, where you can publish or edit your albums. Unpublished albums are located in the Draft Albums section.
    3. Click Create New Album.
    4. On the New Album page, there are fields where you can give your album a name, date, location, and description. Once you have entered the information you want, click Create.
    5. The photo management page will appear, where you will upload and view your photos or simply save your album.

    Adding Photos to Photo Albums

    1. In the Photo Albums module, click Manage Albums. The album management page will appear, where you can publish or edit your albums.
    2. Find the album you want to add photos to and click Edit photos. The photo management page will appear.
    3. Click Add Photos.
    4. Select one or more images from your computer.
    5. Once your images have finished uploading, you can add a caption by clicking Edit Caption.
    6. Once you have finished uploading and editing your images, click the Save Album button.

    Note: If you have previously published this album, your photos will instantly appear on Facebook.

    Publishing Photo Albums

    1. In the Photo Albums module, click Manage Albums. The album management page will appear, where you can publish or edit your albums.
    2. Find the album you wish to publish on Facebook, and click Publish Now.

    Editing Existing Albums

    1. In the Photo Albums module, click Manage Albums. The album management page will appear, where you can publish or edit your albums.
    2. Select the album you want to edit. You can do the following edit items:
      • Delete the Album - Click the little red X next to it on the Manage Albums page.
      • Edit Photos - You can edit the album info and images contained by an album using the links below each album on the Manage Albums page.
      • Publish a Draft Album - Select an album you have created but not published, then click Publish Now.
      • Make a Published Album a Draft Album - Select the album you want as a draft and click Unpublish.

    About Things You Should Know

    • To change the Album Cover: The image thumbnail displayed in the photo albums module is called the "cover". To change which photo is used as the album cover, click through to the photo management page, find the image you would like to use, then click Use as Album Cover.

    • Click the red X next to an image to delete it from the album.

    • Each photo can have a caption, which you can change using the Edit Caption link under each photo. You can also link the caption to any Web page when you're editing the caption.

    Important: When you add photos to a published album, they are instantly visible on Facebook. To make your edits without them being instantly visible on Facebook, click Unpublish to move the album to Draft Albums. Once you've made your changes, you can publish the album again.

    About Metrics Recorded for the Photo Albums Module

    Content & Apps captures metrics for:

    • Module views
    • Album views
    • Album photo views
    • Album search date
    • Album search location

    Customizing Photo Albums Modules

    All customization happens in the brand CSS page:

    All modules take up 100% of the containers they are in, so you can resize them to whatever size you need with CSS.

    General Rules

    • The maximum photo height is 810 pixels and the photo will scale to that size.
    • The album and photo thumbnails will display as 150 x 150 pixels.
    • If the photo is large than the thumbnail, it will crop the photo from the center left.
    • There is no character limit for the album description, and the description does support HTML within the text field.
    • There is no character limit for the photo caption, but it does not support HTML.
    • When an album is clicked, the popup displays 4 photos per line.
    • In the link field under each photo in an album, any text you enter in the field displays as a link.

    The module will display albums in the following ways in each sector:

    • Right - 3 albums at a time horizontally. It paginates after the 4th album is added.
    • Left - 3 albums at a time vertically. It paginates after the 4th album is added.
    • Top/Bottom - 4 albums at a time. It paginates after the 5th album is added.

    What Can I Customize?

    The following items in the main module section can be customized:

    • Colors and font for all text and links
    • Background for the entire module
    • Borders and headers

    The following items in an album popup can be customized:

    • Colors and font for all text and links
    • Share button
    • Background for the entire popup
    • Borders on the photos and popup
    • The photo caption can be styled, but the style will effect all characters in the caption
    • The pipe character and horizontal rule between the title and location and description and photos can be styled or hidden

    The following items in a photo popup can be customized:

    • Borders
    • Background
    • Captions
    • Buttons
    • Description can be hidden

    Class Name Constants

    There are 5 class name constants in this module:

    • Parent class for the whole module - albums
    • For the container of the photo popup - photo_item
    • Inside the photo_item class:
      • individual photo with border - photo_height
      • description - photo_info
      • share button - photo_share

    Related Topics