Gallery Module

 

Options

The 3-dot menu to the side of a gallery module has several important options affecting the front-end display of the gallery.

• Title: A single line heading appearing before the gallery items
• Leading Content: Rich text content appearing between the title and the gallery items, like on a Content Area
• Trailing Content: Another rich text content area appearing after the gallery items
• Number of items to display: For galleries with many items, change this number to limit the number of items shown on the front-end
• Style: Change how the gallery appears to visitors on the page. There are several styles which fit different needs:
  • Grid of Squares: Square thumbnails that wrap onto several lines, fitting as well as possible for wider and narrower screens
  • Horizontal Scroller: Square thumbnails that scroll left and right on a single line; as the screen narrows this goes down to one image at a time
  • Alternating Grid: Similar but more stylized than the Grid of Squares, this alternates between 3 smaller images on a row, then 2 larger images, as screen size permits.

Items

Drag and drop multiple images onto the dashed Add button to upload several images automatically, or click Add to go to the Add page where a single image can be uploaded with more details provided.

Once in a gallery, images can be moved left, right, edited, or deleted with the icons over the top right of each image.

Add/Edit Image Details

• Link URL: When provided, the image will link to this URL instead of opening a larger view
• ALT Text: Replacement text for screen readers or i18n compliance
• Info Box
  • Title: Hover text which supersedes the ALT text
  • Description: Currently unused