LiveWhale Support

Documentation»Galleries

Galleries

Image galleries

Galleries (sometimes called slideshows or albums) are a way of organizing images to display in the LiveWhale front-end.

  1. From the LiveWhale interface, click the Galleries tab
  2. If you are adding a gallery, click Add a New Gallery or locate and click the existing gallery to edit.
  3. Fill out the gallery form options (see options below)
  4. When done, click the Save this gallery button.
  • Enter a title for the gallery (required)
  • Star Content: Click the star in the section labeled “Star content” to set as important.
  • Share Content: By default this content will be shareable. To make non-shareable, click the globe labeled “Share content” to un-highlight it.
  • Description: Enter a description of the gallery. This will also appear in the meta description tag when viewing a gallery’s details.
  • Edit Images: If you are editing a gallery, any existing images will be listed. Here you can change image captions, remove images, or reorder them by dragging an image by the crosshairs icon. Additionally, links are provided to set a custom thumbnail crop for each image, as well as to make a custom thumbnail for the entire gallery from one of the attached images.
  • Plot this image on a map?: If your image has a location, you may plot it on a map. If your LiveWhale installation already has preset locations, you may begin typing into the space provided and locations will be suggested to you. If you cannot find an appropriate location, you may click “add a new Place”. When adding a new place, you must provide a title and address.
  • Suggest this item to the following groups: Suggest this gallery to other groups by selecting thse groups under this section
  • Post gallery as: Choose the status for this gallery. “Live” will publish the gallery immediately. “Hidden” will hide it from the web site until you are ready to publish it.
  • Delete: If you are editing an existing gallery, you will also see a “Delete” link next to the status, allowing you to delete this gallery.
  • Tags: Tag the gallery with any relevant tags. Tags help sort and classify galleries so that they can be directed to the proper location on your web site. You can click in the field labeled “Tags” and type a keyword; tags will be suggested to you. If you are unsure what tags are available in your group, click “Show all tags” to display them all and select the relevant ones.
  • Choose images from your library: You may attach images to this gallery. Images are taken from your group’s image library. To choose an existing image from your image library, click on each of the images you wish to add.
  • Add new images from your computer: If you want to upload a new image to attach to this gallery, click “Add images from your computer”. Newly uploaded images will be added to the image library and attached to this gallery.
  • Related content: Add a link to a web address, news story, event, gallery, file , or LiveWhale page to this gallery
  1. From the LiveWhale interface, click the “Galleries” tab.
  2. Locate the gallery(s) to delete in the list and check the box next to it.
  3. Choose “Delete” from the drop-down menu, and click “Go”.

You may also delete the item from the gallery edit screen:

  1. From the galleries manager, locate and click the gallery to delete.
  2. Click the “Delete” link on the side of the screen.
  3. You will be prompted to confirm this action.

Note: Deleted galleries will remain in the trash where they can be easily restored (up to one year, depending on your configuration).

Embedding a gallery on a web page

The galleries widget displays a list of galleries with links to view a slideshow of their images. It is sometimes desirable to embed a gallery slideshow directly in your web page using an inline gallery widget.

Note: If you want to show all images from a gallery (fixed set of preselected images) you would use the inline gallery widget. If you want to show all images by tag, group, etc. then you use the images widget.

Simple implementation: If you want to embed a specific inline gallery directly into a Web page, the Get Code link will provide a bit of XML code that can be pasted into the HTML source of a content area.

Custom implementation: Or, create a custom inline gallery widget using the steps below.

  1. Open the Widget Editor
  2. Click the “Add a new widget” button
  3. Select the widget type, “Inline Gallery”, from the drop-down menu
  4. You can specify the gallery to use by indicating the gallery id. You can obtain the gallery id through the Gallery Manager. Or, select a tag(s), group(s), or use the filtering option to target a gallery
  5. Use the widget configuration options to adjust the width, height, etc…
  6. By default, the “mini” template is used for formatting. Additional gallery type options may be available based on customizations. You may also create a custom gallery type (below).
  7. When you are finished, click “Save this widget”
  8. From your webpage, Click “Edit Page” and click on the gear icon to select your newly created inline gallery widget.

Attaching a gallery to a piece of content

Some content types (events, news, profiles) allow you to attach a gallery instead of a single key image. In your details templates for those content types, <xphp var="details_image"/> will be replaced with the gallery where one has been selected.

You can also pull that gallery into a widget, by referencing the gallery ID in the news/event widget format ( {gallery_id} ). For example, your news widget format might look like this: 

<arg id="format">
  <h4 class="story-title">{headline_clean}</h4>
  {<div class="story-text">|summary|</div>}
    <field content="true">
      <if var="gallery_id"/>
      <content>
        <widget type="galleries_inline">
          <arg id="id">{gallery_id}</arg>
          <arg id="type">fullscreen</arg>
        </widget>
      </content>
    </field>
</arg>

On this page