Home → Content & Apps →


    The Photos 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. The Photo Albums module displays a thumbnail that, when clicked, opens a separate window to view album photos. For more information, see The Photo Albums Module.

    Adding Photos Modules to Oracle Social Marketing Content & Apps 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 Photos to Photos Modules

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

    1. Next to your Photos module you’ll see a callout bubble. Click the green triangle next to the title to show your options.
    2. Click Manage Photos. You will be taken to the Photos in 'Photos' section.
    3. Click Add Photos to find images to upload.
    4. Select one or more images from your computer.
    5. When your image has uploaded, you can add a caption by clicking Edit Caption.
    6. Once your have finished uploading and editing images, click Done. You'll be taken back to the view layout page.

    About Metrics Recorded for the Photos Module

    Content & Apps captures metrics for:

    • Module views
    • Photo views
    • Photo title click-thrus

    Customizing Photos 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 will scale to that size.
    • The photo thumbnail will display as 80 x 80 pixels.
    • If the photo is larger than the thumbnail, it will crop the photo from the center left.

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

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

    What Can I Customize?

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

    • Font & Colors for the captions, date & time
    • Share button
    • Background for the entire module

    The following items in the photo popup can be customized:

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

    What is Not Customizable?

    • Photos cannot be rearranged once they have been added to the module.

    Class Name Constants

    There are 5 class name constants in this module:

    • Parent class for the whole module - photos
    • 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