The {bb_photogallery} module tag displays a specific Photo Gallery, as thumbnails, with a lightbox effect.
This module supports Liquid.
Syntax
{bb_photogallery source="" limit="" rowCount="1" emptyMessage="No items found." thumbnail="fillProportional" thumbnailWidth="" thumbnailHeight="" lightBox="true|false" collectionName="" layout=""}
Parameters
- source* - This parameter identifies the Gallery from which to pull the images to render on a web page. If left blank, returns all images from every "enabled" Gallery within a website.
- limit - Set the maximum number of images to return.
- rowCount - This parameter is used to determine how many images are displayed in a row. Default value is 1.
- emptyMessage - Custom message value that is rendered. Default text is "No items found.".
- thumbnail - Control the image proportional size.
- proportional - The thumbnail image maintains the aspect ratio of the source image and uses the specified width or height of whichever side is proportionately larger.
- fill - The thumbnail image is resized to fill the specified width and height settings as defined in the parameters; the aspect ratio of the original source image is not maintained.
- fillproportional - The thumbnail image is resized to fill the specified width and height settings as defined in the parameters; the extra pixels from the top/bottom or left/right are cropped on whichever side of the image is proportionally larger, if needed, to maintain the aspect ratio of the original source image and ensure that the thumbnail does not look squashed or squished.
- thumbnailWidth - this parameter controls the maximum width of the image in pixels.
- thumbnailHeight -this parameter controls the maximum height of the image in pixels.
- lightBox - true|false. This parameters determines whether to utilize the built-in lightbox. Default is set to "true".
Areas Available
The {bb_photogallery} module tag can be placed within these areas.
- Page Templates
- Web Pages
- Landing Pages
- Content Holders
- Data Collections
Liquid Tags
{{photoGalleryId}}– System generated ID of the Photo Gallery.{{photoGalleryName}}– Name of the Photo Gallery.{{photoGalleryCount}}– Total number of photos contained within the Photo Gallery.{{photoGalleryFolderPath}}– Folder path to where the photo files are hosted.{{photoGalleryLastUpdated}}– Date and time the Photo Gallery was updated.{{photoGalleryEnabled}}– Signifies whether a Photo Gallery is enabled for display.{{photoId}}– system generated ID.{{photoTitle}}– Photo title.{{photoAltText}}– Photo SEO text content.{{photoCaption}}– Photo caption to render on the website.{{photoCopyright}}– Copyright notice for the photo.{{photoDimensions}}– Renders the height and width dimensions of the photo.{{photoFilename}}– File name of the photo.{{photoUrl}}– URL to the original file uncompressed.{{photoTags}}– Renders a list of Tags that have been assigned to the image.{{photoPagination}}– Renders an enhanced pagination.{{photoCurrentPage}}– Renders the current page number.{{photoNextPage}}– Renders a hyperlink that triggers a Javascript event to change content to the next page.{{photoPreviousPage}}– Renders a hyperlink that triggers a Javascript event to change content to the previous page.{{photoItemsPerPage}}– Defines the number of photos to display per page.{{photoNumberOfPages}}– Renders the number of pages that make up the Photo Gallery.{{photoThumbnailUrl}}– Renders a URL of the thumbnail version of the photo.
